?

Log in

No account? Create an account

Previous Entry | Next Entry

adding header help

  • Feb. 10th, 2008 at 7:58 PM
I am using a Mixit layout that didn't come with a header and am trying to figure out how to add one. Here is the header coding that came with the code originally:



The person who created the layout, more recently posted another layout where you could add a header code to the end to add your own custom one. I copied this code and added it to the end of my CSS coding, and only a portion of the header showed up in the top righthand corner underneath my profile/calendar etc. links.

Here is the header override code I tried:



I'm not very good with codes, and I've tried altering the header area with tips from the header problems in this community, but it's either done nothing, or put the header into the same position as the above override. I'm thinking I have to override a header disable code the layout maker added, or I'm not putting things in the right place. Either way I'm not sure how to fix it and add the header.

If anybody know how to fix my problem I would really appreciate it! Thanks in advance.

Comments

( 6 comments — Leave a comment )
av8rmike
Feb. 11th, 2008 01:18 pm (UTC)
... for which journal? or community?
teamliz
Feb. 11th, 2008 06:06 pm (UTC)
av8rmike
Feb. 12th, 2008 05:20 am (UTC)
Change this line:
#header {z-index: 100; position: absolute; right: 0px; top: 0px; width: 200px;}
to:
#header {z-index: 100; width: 800px;}
then add background-image: url(http://URL TO YOUR IMAGE); to #header-inner{}

Remove the padding-top section from #beta{}

Change
#header-text {position: relative; padding: 0.8em 0; font-weight: bold; text-transform: lowercase;}
to:
#header-text {position: relative; padding: 0.8em 0 0.8em 600px; font-weight: bold; text-transform: lowercase;}

Let me know if that's at all close to what you wanted.
teamliz
Feb. 12th, 2008 05:33 am (UTC)
Thanks a lot for the help, that worked great! My user info/recent entries, etc. links are now over top of the header though. Is there a way to fix that, and move them down maybe?
teamliz
Feb. 12th, 2008 05:35 am (UTC)
Oh and I noticed the height is a little short, it's cutting off the bottom of my header. Can that be fixed?
av8rmike
Feb. 12th, 2008 11:54 am (UTC)
Add a height: xxxpx; statement to #header-inner and change the xxx's to the height of your image.

The header nav links are inside the #header <div>, so they will always be "on top of" the header image. Look at any of the base themes to see what I mean. Thus, they can only move within the confines of the box. You can increase the height and move the nav links down, but that will just put a big white space above the entries.
( 6 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars