for the moderator: if u think that this trick is useLess or reposting pLease deLete and ignore this session...
ukei, i want everybody know that this trick is Like an addbox, (more friends), but this time, we used [b]iframe[/b] to personaLize the scroLLbar!
LIVE PREVIEW:

[b][url=http://profiles.friendster.com/46064892]ChokoWako's Profile[/url][/b]
SCREENSHOT:

[img]http://h1.ripway.com/mraLjean20/preview.jpg[/img]
ukei, first of aLL, pLease downLoad the 4 diff. fiLes, rightcLick on the Link beLow (save target as/ save Link as), and then upLoad the fiLes in your fiLe hosting. eg. ripway of geocities

[quote][url=http://www.geocities.com/profile_tester018/mLee18/reveaL2.js][b]reveaL2.js[/b][/url]
[url=http://www.geocities.com/profile_tester018/mLee18/reveaLtr.js][b]reveaLtr.js[/b][/url]
[url=http://h1.ripway.com/mraLjean20/scrollbarjs.js][b]scroLLbar.js[/b][/url]
[url=http://www.geocities.com/profile_tester018/mLee18/styLeformorefriends.css][b]styLe.css[/b][/url][/quote]
now, make a new text fiLe using notepad, and then copy the given code beLow, paste it inside your notepad, and then edit some [b]boLd part[/b] of the codes and then, save it as [color=red][b]morefriends.html[/b][/color]
[quote]<html>
<head>
<title>More Friends</title>
<link href="[b]URL OF YOUR STYLE.CSS[/b]" rel="stylesheet" type="text/css">
<script type="text/javascript" src="[b]URL OF YOUR SCROLLBAR.JS[/b]"></script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="eventLoader();">
<script language="JavaScript" src="[b]URL OF YOUR REVEALTR.JS[/b]"></script>
<script language="JavaScript" src="[b]URL OF YOUR REVEAL2.JS[/b]"></script>
<table width="300" height="278" border="0" cellpadding="0" cellspacing="0"><tr>
<td width="444"><img src="http://h1.ripway.com/lee214/spacer.gif" width="180" height="100" border="0"></td>
<td><img src="http://h1.ripway.com/blackandwhite18/mLee1820profiLe/img_scbg.jpg" width="12" height="270" border="0"></td>
</tr>
</table>
<!-- div containing up-arrow | change: top + left -->
<span id="up" style="position: absolute; top:0px; left: 288px; width: 1px; height: 1px; z-index: 1;">
<img src="http://h1.ripway.com/lee214/sc_up.jpg" border="0">
</span>
<!-- div containing down-arrow | change: top + left -->
<span id="down" style="position: absolute; top: 265px; left: 288px; width: 1px; height: 1px; z-index: 2;">
<img src="http://h1.ripway.com/blackandwhite18/mLee1820profiLe/img_scdown.jpg" border="0">
</span>
<!-- div containing scrollbar | change: top + left + width + height -->
<span id="drag" style="position: absolute; top: 16px; left: 288px; width: 12px; height: 26px; z-index: 3;">
<img src="http://h1.ripway.com/lee214/sc_drag.jpg" border="0">
</span>
<!-- div laying above scrollbar for netscape 6 protection | change: top + left + width + height -->
<span id="ruler" style="position: absolute; top: 16px; left: 262px; width: 12px; height: 26px; z-index: 4;"></span>
<!-- div containing content | change: top + left + width + height + clip -->
<span id="contentClip" style="position: absolute; top: 5px; left: 14px; width: 300px; height: 280px; clip:rect(0px,300px,280px,0px); visibility: visible; z-index: 5; overflow: hidden;">
<span id="content">
<table width="280" border="0" cellpadding="1" cellspacing="0"><tr>
<td>
<!-- CONTENT -->
<center>
<!-- FRIEND 1 -->
<div class='fitem1wrapper'>
<table class='fitem1table'><tr>
<td class='itd'>
<div class='imgblock75'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'><img src='[b]URL OF FRIEND'S PHOTO[/b]'></a>
</div></td>
<td class='dtd'><ul class='data'>
<li class='title'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'>[b]FRIEND'S NAME[/b]</a></li>
[b]CAPTION/ COMMENT FOR UR FRIEND[/b]
</ul></td></tr></table></div>
<!-- FRIEND 2 -->
<div class='fitem1wrapper'>
<table class='fitem1table'><tr>
<td class='itd'>
<div class='imgblock75'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'><img src='[b]URL OF FRIEND'S PHOTO[/b]'></a>
</div></td>
<td class='dtd'><ul class='data'>
<li class='title'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'>[b]FRIEND'S NAME[/b]</a></li>
[b]CAPTION/ COMMENT FOR UR FRIEND[/b]
</ul></td></tr></table></div>
<!-- FRIEND 3 -->
<div class='fitem1wrapper'>
<table class='fitem1table'><tr>
<td class='itd'>
<div class='imgblock75'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'><img src='[b]URL OF FRIEND'S PHOTO[/b]'></a>
</div></td>
<td class='dtd'><ul class='data'>
<li class='title'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'>[b]FRIEND'S NAME[/b]</a></li>
[b]CAPTION/ COMMENT FOR UR FRIEND[/b]
</ul></td></tr></table></div>
<!-- FRIEND 4 -->
<div class='fitem1wrapper'>
<table class='fitem1table'><tr>
<td class='itd'>
<div class='imgblock75'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'><img src='[b]URL OF FRIEND'S PHOTO[/b]'></a>
</div></td>
<td class='dtd'><ul class='data'>
<li class='title'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'>[b]FRIEND'S NAME[/b]</a></li>
[b]CAPTION/ COMMENT FOR UR FRIEND[/b]
</ul></td></tr></table></div>
<!-- FRIEND 5 -->
<div class='fitem1wrapper'>
<table class='fitem1table'><tr>
<td class='itd'>
<div class='imgblock75'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'><img src='[b]URL OF FRIEND'S PHOTO[/b]'></a>
</div></td>
<td class='dtd'><ul class='data'>
<li class='title'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'>[b]FRIEND'S NAME[/b]</a></li>
[b]CAPTION/ COMMENT FOR UR FRIEND[/b]
</ul></td></tr></table></div>
<!-- FRIEND 6 -->
<div class='fitem1wrapper'>
<table class='fitem1table'><tr>
<td class='itd'>
<div class='imgblock75'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'><img src='[b]URL OF FRIEND'S PHOTO[/b]'></a>
</div></td>
<td class='dtd'><ul class='data'>
<li class='title'><a href='http://www.friendster.com/[b]FRIEND'S URL[/b]'>[b]FRIEND'S NAME[/b]</a></li>
[b]CAPTION/ COMMENT FOR UR FRIEND[/b]
</ul></td></tr></table></div>
</center>
<!-- CONTENT -->
</td>
</tr></table>
</span></span>
<!-- CODE FOR SILENT RIGHTLICK -->
<script language=JavaScript>
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=

) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
</body>
</html>[/quote]
now, upLoad your [color=red][b]morefriends.html[/b][/color] in your fiLe hosting, and then copy the URL, and then paste inside the [b]boLd part[/b] of the given code beLow!
[quote]//morefriends
var mrfriends;
try {mrfriends = document.createElement("div");}
catch (e){mrfriends = document.createElement("<div>");}
mrfriends.innerHTML ="<div class='morefriendsbox'><iframe src='[color=red][b]URL OF YOUR MOREFRIENDS.HTML[/b][/color]' frameborder='0' allowtransfarancy='yes' width='300px' height='278px' style='overflow:hidden;'></iframe></div>";
document.getElementById("2").parentNode.appendChild(mrfriends);[/quote]
after u change the urL of your morefriends.html, copy the code above and then paste it inside your [b]JS FILE[/b]...
and you're done! hup u Like this trick guyz....
having troubLe with the codes...
[b]just PM me...[/b]
Last edited by irishandme (2008-08-19 03:39:44)