WordPress.com

1. asphyziata
   Member
   Feb 24, 2008, 9:30 AM

   Hello, I current do not have the CSS Custom upgrade, but I am fooling around with the CSS to see what I can do with it. I wanted to know is there a way to make a navigation bar at the top of the blog, just under the header image. If so, what's the code/where do I get the coding.

   Thanks. :)

2. rosclarke
   Member
   Feb 25, 2008, 9:41 PM

   This is what I use:
   div#globalnav ul#menu {
   margin:-20px 0 0 10px;
   padding:0;
   }

   * html div#globalnav {
   margin-bottom:20px;
   }

   div#globalnav ul#menu li {
   display:inline;
   margin:-2px;
   padding:0;
   }

   div#globalnav ul#menu a,div#globalnav ul#menu a:visited {
   display:inline;
   background-color:#f7f7d5;
   border-left:1px outset;
   border-right:2px outset;
   border-top:1px outset;
   border-bottom:2px outset;
   border-color:#37655a;
   margin:-5px 3px 15px 0;
   padding:.8em;
   }

   div#globalnav ul#menu li a:hover,div#globalnav ul#menu li.current_page_item a,div#globalnav ul#menu li.current_page_item a:visited {
   background:#fff;
   color:#f10bbe;
   }

   It works in Sandbox. Might be different if you're using a different theme.

3. daisybones
   Member
   Mar 6, 2008, 8:06 PM

   I've tried this in my template and it's not working. I'm using Sandbox 1.0 and a skin from http://ntuat.wordpress.com

   Any idea why it wouldn't work in Sandbox?

4. rosclarke
   Member
   Mar 6, 2008, 8:50 PM

   There are different versions of Sandbox, though I have no idea which one I'm using. That might be it.

   Or it could be that there's something else in the imported stylesheet that's overriding it.

5. vivianpaige
   Member
   Mar 7, 2008, 11:47 PM

   Too bad that doesn't work for other themes. But hey - at least it gives me some idea ;)

Topic Closed

This topic has been closed to new replies.