Adding header

Jun 24, 2010 19:09

1. Journal you are trying to modify: dustfromthesoul

2. Account Level (basic, plus, paid): Basic

3. What are you trying to accomplish? Screenshots/Examples are helpful (behind a cut!): I'm trying to add a header.

click to view screencap )

header

Leave a comment

Comments 4

yam June 25 2010, 21:32:51 UTC
The thing is that you are trying to put the image inside the header div, and that one is positioned in the right corner, that's why the links are pushed down the sidebar.

Try this:
body{
background:#eaeaea url(http://i43.tinypic.com/mwfmnc.jpg) top left repeat;
color:#2F2F2F;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
line-height:110%;
}

#page{background:transparent url(http://i47.tinypic.com/29zbdic.jpg) top center no-repeat; padding-top:200px;}
.content-inner {background:transparent;}
.layout-inner, .layout{
background:transparent;
margin:0 auto;
overflow:hidden;
width:960px;
}
(I cleaned a little bit this part of the code, I couldn't stop myself D:)

There were some circle thingies in the header, right? Well, I used that line to display the header, as the background of one of the many content divs of this style.

(You know, you can always ask in mentahelada. Sometimes I don't reply ( ... )

Reply

kasuchans_v2 July 21 2010, 21:25:45 UTC
If I only wanted the header, not the background, would I just use the second half of the coding?

Reply

yam July 21 2010, 21:53:23 UTC
Yes, just the second half.
Please remember that this solution works with this layout because the header is positioned in the right corner.

:)

Reply


bijoubebe June 25 2010, 21:46:23 UTC
I just implemented the code. Thank you so much Yam! You had helped me on mentahelada earlier with this layout, didn't want to nag you. Next time I will.

I didn't even know about sticky post until I tried to resolve it myself LOL. It's slow but I'm learning.

Thanks again.

Reply


Leave a comment

Up