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)