How do I get my nav bar to look like his?

by 3 replies
4
I want to position my nav bar the way this site does timatkinsonlive.com

Here is my site prestonschumacher.com

side note: I am running thesis 1.5

Let me know if I need to post any additional info
#website design #bar #nav
  • I think from reading other threads that the thesis theme has a custom.css style sheet in which your supposed to add your custom stuff, so you'll have to figure out _where_ to put it.

    if altering the current style sheet is acceptable, then this is the quickest CSS only code to get what you want done.

    on line 88 of /thesis_151/style.css is this code:

    #tabs {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 0 1px 1px;
    list-style: none outside none;


    }

    change it to this:
    #tabs {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 0 1px 1px;
    list-style: none outside none;
    position: absolute;
    top: 295px;
    z-index: 100;


    }

    That will get your menu bar in the same position.
    • [ 1 ] Thanks
  • For a start you gotta move the nave to below the header.

    Then you'll have to use the combination of css and cufon to style the nav correctly.

    Good Luck
    MB
    • [ 1 ] Thanks
  • Thanks guys... I got it where I want it now. See you around the forum

Next Topics on Trending Feed