HTML Configuration for DUCF
Original question:
Answer:
I've looked at your blog and found out that you have changed your html coding a bit. You tried to enlarge the whole outer wrap size and a lot of other things.
Well, the solution that I've posted below is for the original "rounders 4 template". If you want to follow it, then readjust back all your resolutions to the normal one.
If you insist in enlarging your blog wrap dimension, I recommend this site to you. You don't need to include the part where it tells you to add a new side bar. You can basically use the rest of the tutorial there.
If you however feel that you will prefer to just keep to the original dimension, here's the edit.
Find
#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
Change
#outer-wrapper {
width:730px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
Find
#header-wrapper {
background: #476 url("http://www.blogblog.com/rounders4/corners_cap_top.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header-inner {
background:url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat $startSide bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
Change
#header-wrapper {
background: #476 url("http://www.blogblog.com/rounders4/corners_cap_top.gif") repeat-x repeat-y; $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header-inner {
background:url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") repeat-x repeat-y; $startSide bottom;
padding:0 0px 0px;
}
------------End of edit----------
The result that you will get is something like this:
http://testhtml2008.blogspot.com/
Hope that helps, Joel.
Hope you guys don't mind me using CA blog to post html stuff. >___< I can remove this post if you don't want it here. =D