this tricks it's Look Lyk a [b]FROG STYLE PHOTO GALLERY by: SimpLeme[/b], but i convert this tricks into FriendList, so i hup u Lyk it guyz... if u think this tricks are useLess, ignore this topic!
[b]LIVE PREVIEW![/b]

[url]http://profiles.friendster.com/asshole018[/url]
SCREENSHOT

[img]http://www.geocities.com/jesara_akira_88/previewfrog.jpg[/img]
[b]STEP 1[/b]

SimpLy downLoad the Link beLow, and then extract the fiLes, then upLoad the fiLes inside in your own fiLe hosting, eg. Ripway or Geocities...
[b][url=http://h1.ripway.com/misterlee18/frogfiLes.rar]Frog JS[/url][/b]
[b]STEP 2[/b]

and then, after that, copy the given code beLow and then paste in notepad, and edit some boLd part and then save it as [b].html[/b] extension...!
[b]NOTES![/b]

You need to different sizes of photo, first the URL of ur friend's photo having size of 200px by 100px, and then the second smaLL friend's photo having size of 75px by 50px!
[b]Lyk this![/b]

1st photo
[img]http://www.geocities.com/jesara_akira_88/photo1.jpg[/img]
2nd photo
[img]http://www.geocities.com/jesara_akira_88/smphoto1.jpg[/img]
[quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frog FriendList</title>
<script type="text/javascript" src="[b]URL OF UR OWN PROTOTYPE.JS[/b]"></script>
<script type="text/javascript" src="[b]URL OF UR OWN SCRIPTACULOUS.JS[/b]?load=effects"></script>
<script type="text/javascript" src="[b]URL OF UR OWN FROG.JS[/b]"></script>
<style type="text/css">
body{
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: .7em;
}
#FrogJS{
width: 270px;
height: 270px;
margin: 0 auto;
text-align:center;
}
#FrogJSCredit{
text-align: center;
font-size: 12px;
color: #cc0114;
padding: 1px;
font-weight: bold;
}
#FrogJSCaption{
text-align: center;
line-height: 140%;
}
</style>
</head>
<body>
<div id="FrogJS">
<a href="[b]URL OF FRIEND'SPHOTO 1[/b]" title="[b]UR FRIEND'SNAME[/b]" rel="http://profiles.friendster.com/[b]FRIEND'SUSERID[/b]">
<img src="[b]URL OF SMALL FRIEND'SPHOTO 1[/b]" alt="[b]CAPTION HERE![/b]" />
</a>
<a href="[b]URL OF FRIEND'SPHOTO 2[/b]" title="[b]UR FRIEND'SNAME[/b]" rel="http://profiles.friendster.com/[b]FRIEND'SUSERID[/b]">
<img src="[b]URL OF SMALL FRIEND'SPHOTO 2[/b]" alt="[b]CAPTION HERE![/b]" />
</a>
<a href="[b]URL OF FRIEND'SPHOTO 3[/b]" title="[b]UR FRIEND'SNAME[/b]" rel="http://profiles.friendster.com/[b]FRIEND'SUSERID[/b]">
<img src="[b]URL OF SMALL FRIEND'SPHOTO 3[/b]" alt="[b]CAPTION HERE![/b]" />
</a>
<a href="[b]URL OF FRIEND'SPHOTO 4[/b]" title="[b]UR FRIEND'SNAME[/b]" rel="http://profiles.friendster.com/[b]FRIEND'SUSERID[/b]">
<img src="[b]URL OF SMALL FRIEND'SPHOTO 4[/b]" alt="[b]CAPTION HERE![/b]" />
</a>
<a href="[b]URL OF FRIEND'SPHOTO 5[/b]" title="[b]UR FRIEND'SNAME[/b]" rel="http://profiles.friendster.com/[b]FRIEND'SUSERID[/b]">
<img src="[b]URL OF SMALL FRIEND'SPHOTO 5[/b]" alt="[b]CAPTION HERE![/b]" />
</a>
<a href="[b]URL OF FRIEND'SPHOTO 6[/b]" title="[b]UR FRIEND'SNAME[/b]" rel="http://profiles.friendster.com/[b]FRIEND'SUSERID[/b]">
<img src="[b]URL OF SMALL FRIEND'SPHOTO 6[/b]" alt="[b]CAPTION HERE![/b]" />
</a>
</div>
</body>
</html>[/quote]
[b]STEP 3[/b]

and then, when you are finish to edit the code above, upLoad your .html extension in your fiLe hosting...
[b]STEP 4[/b]

copy the URL of your .html extension and then paste it on the boLd part of code beLow

[quote]var FrogFr;
try {FrogFr = document.createElement("div");}
catch (e){FrogFr = document.createElement("<div>");}
FrogFr.innerHTML ="<div id='boxfriends' class='commonbox'><h2>Second Style FriendList</h2><div id='iframespin' style='border:0px'><iframe src='[b]URL OF UR HTML[/b]' allowtransparency='yes' frameborder='0' height='300px' width='300px'></iframe></div><div align='center' style='font-weight:bold;padding-bottom:5px'><a href='http://www.friendster.com/friends/[b]USERID[/b]' target='_parent' title='View All My Friends'>View All 3000</a></div></div>";
document.getElementById("2").parentNode.appendChild(FrogFr);[/quote]
[b]STEP 5[/b]

copy the codes above and then paste in your JS extension!
and your done!
i hup u Lyk it guyz!
Last edited by irishandme (2008-07-23 09:05:15)