SS: [img]http://switpotato.eehjhay.net/EmilyStrange/emilysspreview.png[/img] preview: http://switpotato.eehjhay.net/EmilyStrange/emilypreview.html the ff. codes r for two column style profile.. the most important part of the said codes are as follows. [quote]/**top**/ #navigation{height:329px! important;background: transparent;margin-top: 0px; margin-bottom: 10px; background-image: url(http://switpotato.eehjhay.net/EmilyStrange/mybanner.gif); background-repeat: no-repeat; background-position: top center;} /**mid **/ table#flo_wrapper { margin: 0px auto 25px auto! important; border: none! important; background: transparent; background-image: url(http://switpotato.eehjhay.net/EmilyStrange/emilybg.PNG); background-attachment: scroll; background-repeat: repeat-Y; background-position: top center;} /**bottom**/ table#flo1t {margin: 0px ! important; background: transparent; background-image: url(http://switpotato.eehjhay.net/EmilyStrange/emilyfooter.PNG); background-attachment: scroll; background-repeat: no-repeat; background-position: bottom center;} /** media margin adjust the height to fit ur bottom image **/ .scrapbook { margin-bottom: 93px! important} /* move right box*/ .rtd .commonbox{ width:126px! important; overflow-X:hidden; position:relative; left:75px! important; height: auto; overflow-Y:hidden; background-color:transparent;} /*move left box*/ .ltd .commonbox{ position: relative; left:97px! important; width:481px;overflow-X:hidden; position:relative; height: auto; overflow-Y:hidden; background-color:transparent;}[/quote] notice i set my mid area to margin: 0px auto 25px auto! important; why because of my banner design thus if u r planning to have an animated main bg (body)or planning different approached for ur body just adjust the said value... for all sides reder a design heres the codes... the codes is kinda long since i already include tweaks for boxes ... [quote]http://switpotato.eehjhay.net/EmilyStrange/2columnCenteredMovover.txt[/quote] [b]to make it scrollable like this one..[/b] http://switpotato.eehjhay.net/RetroBlue/BlueLay.html [img]http://switpotato.eehjhay.net/RetroBlue/retroblueSS.png[/img] just add [b]div ul [/b]to each td and [b]top: 0px for boxes div ul[/b].. and lastly [b]assign height[/b] of course [b]again ... u r all free to use this as long as u guys agree to my lil conditions..[/b] [li]1. dont repost this in any site/ forum w/o permission.[/li] [li]2. dont remove the credits forum name / author name..[/li] thats all happy tweaking... ~ switpotato ~

Last edited by switpotato (2008-12-15 23:20:55)