ok... we often see some page with one box efex ayt and thats either overlay or pure css but using only media box...but everything in it are [b][color=#ff3a00]all fake link mere html coding directly put inside the media...[/color][/b] heres a tricks how u can make a one box .. well this isnt pure css.. i used one js here... for my friend list... i cant still figure out how i can insert it to main div using plain css [b][color=#ff3a00]but[/color] [/b] still for those who will insist they dont want any js u can still have one box..just add [quote].friends { display: none}[/quote] to ur hiding codes sample preview : http://profiles.friendster.com/76326935 ss: [img]http://i34.tinypic.com/20j450w.png[/img] [color=#ff3a00][b]or [/b] [/color] settle to have two box lay then reposition the friends box in any place u want [color=#ff3a00][b]using the pure css box positioning..[/b][/color] remember the other tuts i posted.. same code will be apply to ur friend ss: [img]http://i34.tinypic.com/9ave5z.png[/img] preview: http://switpotato.eehjhay.net/mybetty/betty.html ok wat to do.. i will provide a complete codes all u have to do is study them play with those.. dont just change my bg okie... change the value of the class and ids if u find something confusing juz post here ... yes u can still use js with this juz let ur imagination explore ok [color=#ff3a00][b]pls dont remove the heading ....those credits[/b][/color] help me protect the codes ok.. i really work hard for this.. <">now ur done with ur css make a js file and do the ff [quote]var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet";css.href = " CSS URL HERE "; css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css); function movebox(){ document.getElementById("[color=#ff0000]0[/color]").parentNode.appendChild(document.getElementById("2")); } setTimeout("movebox()",1000);[/quote] [color=#ff0000][b]save it as js or swf and use js linker...[/b][/color] xplanation ... the first numeral w/c is [b][color=#ff0000]0[/color][/b] is the box that u wish friend box to show next... note: pls dont repost these tutorial without any permission u r all free to use this provided that u agree with the conditions i stated .. post here for any query ok.. lets all be formal this time... God Bless to all -switpotato-

Last edited by switpotato (2008-08-16 13:26:34)