1 motoman Oct 21, 2010 20:53
3 motoman Oct 21, 2010 21:53
Mine doesn't look like that...it looks like this:
#wrap {
margin: 0; padding: 5px;
font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
color: #555;
background: #FFF url('img/bg.jpg') repeat-x;
text-align: center;
}
...but let me play with it. Thanks!
4 motoman Oct 21, 2010 21:56
Oh, actually I had tried that one - it only changes the background in the header area...
5 tilqicom Oct 22, 2010 07:54
a link to your blog?
6 motoman Oct 22, 2010 16:31
http://www.kaleb-world.com/b2evtest/blogs/index.php
It's not "in production" yet...and in fact I started messing with another skin. I put it back to pixelgreen so you can take a peek...
7 tilqicom Oct 23, 2010 03:58
okay, i got what you mean. the background image is one single image for the whole page, so; for you to have a separate background image for your "dead space", you have to;
a.) split header and content into two,
b.) use your background image for the "dead space" for page-#wrap- and overwrite header's bg.
i ll go with b since it makes more sense.
so make these changes:
1-change your page -#wrap- backgorund,
2- remove weird 5px padding, since it leaves gaps on all sides:
#wrap {
background:url("http://www.google.com/images/logos/ps_logo2.png") repeat scroll 0 0 transparent;}/* apply your own background for the "dead space"
padding:0;)
2- use that default bg image for header assuming you want to keep it;
3- change your header height to how much of the default bg image you want to keep:
header {
background:url("img/bg.jpg") repeat-x scroll left top #FFFFFF;
height:101px;}/*101px is makes the green line at the header bottom visible, increase the height to make more of the bg image available, like the gradient that follows that green line}
Other than that;
i see that your top menu is screwed.. it is unnecessarily positioned absolute.so go on and remove/replace it better.
div.top_menu ul {
float:right;
padding-top:20px !important; /*because, this gets overwritten down the file*/
position:inherit;}
[URL=http://img181.imageshack.us/i/zzzl.jpg/]http://img181.imageshack.us/img181/79/zzzl.th.jpg[/URL]
}
8 motoman Oct 23, 2010 17:42
Thanks, I'll play with that!
#wrap {
background:url("img/bg.jpg") repeat-x scroll 0 0 #FFFFFF;}
style.css (line 20)