- ARCHIVES
- » Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
Pages: 1
Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
- mhavier29
- » FTalker
155
0
1969-12-31
Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album.
[b]Mods, if code is already shared kindly delete the thread. Thank you.[/b]
[b]Credits to downloadjavascripts.com and the owner of the code[/b]
1. Copy this .html document in your notepad and edit parts needed to be edited.
[b]For Friends:[/b]
[spoiler]<!-- Created By: Toya D. (http://www.nyokiglitter.com/) -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>horizontal accordion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{
background-color: #000000;
font-size: 11px;
overflow: hidden;
font-family: verdana;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
}
#wrapper{
width: 450px;
margin: 0 auto;
}
.display{
float: left;
width: 25px;
height: 167px;
margin: 0 2px 0 0;
background: #000000 url(URL_OF_YOUR_SWITCHER_BAR) no-repeat; //Switcher bar must be 25px wide.
}
.stretcher{
float: left;
width: 310px;
}
</style>
<script type="text/javascript" src="URL_OF_prototype.lite.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('stretcher');
var toggles = document.getElementsByClassName('display');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: true, height: true, width: true, duration: 400, transition: fx.sineInOut});
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>
</head>
<body>
<div id="wrapper">
<div id="content">
<h3 class="display" title="Friend #1"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #2"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #3"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #4"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #5"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #6"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<script type="text/javascript">
Element.cleanWhitespace('content');
init();
</script>
</body>
</html>[/spoiler]
[b]For Photos:[/b]
[spoiler]<!-- Created By: Toya D. (http://www.nyokiglitter.com/) -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>horizontal accordion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{
background-color: #000000;
font-size: 11px;
overflow: hidden;
font-family: verdana;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
}
#wrapper{
width: 450px;
margin: 0 auto;
}
.display{
float: left;
width: 25px;
height: 167px;
margin: 0 2px 0 0;
background: #000000 url(URL_OF_YOUR_SWITCHER_BAR) no-repeat; //Switcher bar must be 25px wide.
}
.stretcher{
float: left;
width: 310px;
}
</style>
<script type="text/javascript" src="URL_OF_prototype.lite.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('stretcher');
var toggles = document.getElementsByClassName('display');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: true, height: true, width: true, duration: 400, transition: fx.sineInOut});
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>
</head>
<body>
<div id="wrapper">
<div id="content">
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
</div>
<script type="text/javascript">
Element.cleanWhitespace('content');
init();
</script>
</body>
</html>[/spoiler]
2. Download this file [url]http://h1.ripway.com/rodxavier14/accordion.zip[/url]
3. Extract all files and upload it to your web hosting site.
4. In your HTML codes, place the URL of moo.fx.js, moo.fx.pack.js, prototype.lite.js in their places.
5. Place this at the top of your js extension.
[b]For friends[/b]
[spoiler]var friends = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='250' height='310' scrolling='no' src=URL_OF_FRIEND_ACCORDION>HTML></iframe>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+friends+"</td></tr></table>";[/spoiler]
[b]For Photos[/b]
[spoiler]var photos = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='250' height='310' scrolling='no' src=URL_OF_PHOTO_ACCORDION.HTML></iframe>";
document.getElementById('content_1').style.height='100%';
document.getElementById('content_1').style.overflowY='hidden';
document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+photosz+"</td></tr></table>";[/spoiler]
[b]Preview: Best viewed in FF and 1440x900 screen resolution[/b]
[url]http://www.friendster.com/12123066[/url]
[spoiler]Repu much appreciated.[/spoiler]
[b]Mods, if code is already shared kindly delete the thread. Thank you.[/b]
[b]Credits to downloadjavascripts.com and the owner of the code[/b]
1. Copy this .html document in your notepad and edit parts needed to be edited.
[b]For Friends:[/b]
[spoiler]<!-- Created By: Toya D. (http://www.nyokiglitter.com/) -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>horizontal accordion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{
background-color: #000000;
font-size: 11px;
overflow: hidden;
font-family: verdana;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
}
#wrapper{
width: 450px;
margin: 0 auto;
}
.display{
float: left;
width: 25px;
height: 167px;
margin: 0 2px 0 0;
background: #000000 url(URL_OF_YOUR_SWITCHER_BAR) no-repeat; //Switcher bar must be 25px wide.
}
.stretcher{
float: left;
width: 310px;
}
</style>
<script type="text/javascript" src="URL_OF_prototype.lite.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('stretcher');
var toggles = document.getElementsByClassName('display');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: true, height: true, width: true, duration: 400, transition: fx.sineInOut});
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>
</head>
<body>
<div id="wrapper">
<div id="content">
<h3 class="display" title="Friend #1"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #2"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #3"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #4"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #5"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Friend #6"></h3>
<div class="stretcher">
<h3><a href="URL of friend profile"><font color=#ffffff>Friend name</font></a></h3><br>
<table><tr>
<td>
<p><font color=#ffffff>Comment to the friend</font></p>
</td>
<td>
<a href="URL of Friends profile"><img src="URL_OF_FRIEND_PRIMARY_PHOTO" width="120" height="90" border-color="transparent"></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<script type="text/javascript">
Element.cleanWhitespace('content');
init();
</script>
</body>
</html>[/spoiler]
[b]For Photos:[/b]
[spoiler]<!-- Created By: Toya D. (http://www.nyokiglitter.com/) -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>horizontal accordion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{
background-color: #000000;
font-size: 11px;
overflow: hidden;
font-family: verdana;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
}
#wrapper{
width: 450px;
margin: 0 auto;
}
.display{
float: left;
width: 25px;
height: 167px;
margin: 0 2px 0 0;
background: #000000 url(URL_OF_YOUR_SWITCHER_BAR) no-repeat; //Switcher bar must be 25px wide.
}
.stretcher{
float: left;
width: 310px;
}
</style>
<script type="text/javascript" src="URL_OF_prototype.lite.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.js"></script>
<script type="text/javascript" src="URL_OF_moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('stretcher');
var toggles = document.getElementsByClassName('display');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: true, height: true, width: true, duration: 400, transition: fx.sineInOut});
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>
</head>
<body>
<div id="wrapper">
<div id="content">
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
<h3 class="display" title="Album title"></h3>
<div class="stretcher">
<h3><font color=#ffffff>Album title</font></h3><br>
<table><tr>
<td>
<a href="URL_OF_ALBUM"><img src="URL_OF_ALBUM_IMAGE" width="120" height="90" border-color="transparent"></a><br>
<a href="URL_OF_ALBUM"><font color=#ffffff>View Album</font></a>
</td>
<td>
<p><font color=#ffffff>Photo album description</font></p>
</td>
</tr>
</table>
</div>
</div>
</div>
<script type="text/javascript">
Element.cleanWhitespace('content');
init();
</script>
</body>
</html>[/spoiler]
2. Download this file [url]http://h1.ripway.com/rodxavier14/accordion.zip[/url]
3. Extract all files and upload it to your web hosting site.
4. In your HTML codes, place the URL of moo.fx.js, moo.fx.pack.js, prototype.lite.js in their places.
5. Place this at the top of your js extension.
[b]For friends[/b]
[spoiler]var friends = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='250' height='310' scrolling='no' src=URL_OF_FRIEND_ACCORDION>HTML></iframe>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+friends+"</td></tr></table>";[/spoiler]
[b]For Photos[/b]
[spoiler]var photos = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='250' height='310' scrolling='no' src=URL_OF_PHOTO_ACCORDION.HTML></iframe>";
document.getElementById('content_1').style.height='100%';
document.getElementById('content_1').style.overflowY='hidden';
document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+photosz+"</td></tr></table>";[/spoiler]
[b]Preview: Best viewed in FF and 1440x900 screen resolution[/b]
[url]http://www.friendster.com/12123066[/url]
[spoiler]Repu much appreciated.[/spoiler]
Last edited by mhavier29 (2009-01-07 17:39:10)
 |
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
I think its the same as this topic? [url]http://theftalk.com/t42243-ACCORDION-FRIENDS-and-other-styles...%7Bupdated%7D.html[/url]
|
- portuniecho
- » FTalkWhiz
- 3413
- 0
- 1969-12-31
Re: Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
It's closely similar here http://theftalk.com/t38109-Friends-rollover-image-effect.html but this trick by mhavier is different. Because, It has the friends caption. 
http://theftalk.com/t38109-Friends-rollover-image-effect.html but this trick by mhavier is different. Because, It has the friends caption.
|
- mhavier29
- » FTalker
- 155
- 0
- 1969-12-31
Re: Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
^sir bobcar, I would say that it is technically the same coz it's both accordion codes but this accordion is horizontal code. try viewing the preview. 
|
- jaypz1968
- » n00b
- 36
- 0
- 1969-12-31
Re: Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
wow nice script huh
but it didnt work on my profile
maybe theres a conflict on my other JS
nwei
thanks for sharin
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: Here is a code for a horizontal accordion friendslist and photos. It also has description for every friend and photo/photo album. :arrow: [b]Mods, if code is already shared kindly delete the thread.
[quote=bobcbar]I think its the same as this topic?[/quote]
Ya, same concept but dff in version
anyway, nice 1 bro 
anyway, nice 1 bro
|