just this [b]6086666[/b]

[quote=gold1523]is it possible to replace the header? instead of Friends? [/quote] yup..of coz..find this line and change the bold text [quote]addSideBar("[b]MY FRIENDS[/b]",kawanku,"siputbox");[/quote]

wow. nicee tutorial. good.

juz wana ask this.. where wil the box appear??? 4 example i hav this order at my sidebar.. -friends box -cbox -clock -wvm -mp3 enx 4 ur response..

i got some questions... can i like use the friends caption on this trick? because at first, the pic is not aligned at the center... so i hope it's possible.. is it also possible to put a background? or to transparent the borders? thanks...

Last edited by gold1523 (2007-06-15 22:48:34)

how do we get the friend photo url?

[quote=eykalsyamim][quote=gold1523]i got some questions... can i like use the friends caption on this trick? because at first, the pic is not aligned at the center... so i hope it's possible.. is it also possible to put a background? or to transparent the borders? thanks... [/quote] emm..it's hard to use the friends caption on this trick.. you can make the background transparent insert below code in your external CSS.. <">to transparent the box,,just edit the CSS..[/quote] thanks for that mate! got 1 last question left.. how can i center the images? where should i place the < center>< /center>??? is it before and after the < img src='FRIEND PHOTO URL'> ????

Last edited by gold1523 (2007-06-16 01:25:50)

[quote=blackwhiskey_28]is it possible to make the opacity trick work in this??[/quote] box opacity or pic? hehe.. i think you can..

[quote]if (!attachOnLoadHandler(function(){editfriend()})) parent.onload = function(){editfriend()}; //load script function attachOnLoadHandler(func) { if(parent.attachEvent) { //win 5.0-6.0 parent.attachEvent('onload',func); return true; } if(parent.addEventListener) { //moz,opera & safari parent.addEventListener('load',func,false); return true; } return false; } function editfriend() { var friend = "<div><div class='boxcontent'><div class='flogrid75'><div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div><br>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div><br>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div><br>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='[b]userid[/b]'><img src='[b]photourl[/b]l'></a></div><div class='dr'><a href='[b]userid[/b]'>[b]name[/b]</a></div></div></div></div><br></div></div><div class='viewall'><a href='/friends/userid'>View All</a></div>"; addSideBar("-sUiLuJ-'s Featured Friends",friend,"friends_2_2"); } function addSideBar(head,htm,div_id) { var innerHtm=htm; var cont= "<div id='"+div_id+"' class='commonbox "+div_id+"'>"+ "<h2>"+head+"</h2>"+ "<div id='content_"+div_id+"'>"+ innerHtm+ "</div>"+ "</div>"; try { var obj=document.createElement("<li>"); } catch(e) { var obj=document.createElement("li"); } var x=document.getElementById("friends_2_2"); x.parentNode.parentNode.appendChild(obj); obj.innerHTML=cont; }[/quote] in case that you have the onloadhandler and the sidebar function, you don't need to put the function again... copy the code above and paste it where you put your cbox.. u can use this code so that, you will not input anymore css extensions.. the css used in the special friend box is like the css you used in your friend box.. credits to eyk!!

Last edited by jagcopra (2007-06-16 10:33:00)