WordPress.org

Forums

how to make navigation like this? (22 posts)

  1. ben
    Member
    Posted 10 years ago #

    I'm looking to make navigation above my header image like on http://www.vodkaforbreakfast.com
    does anyone have any idea how to do this? maybe a link to a tutorial?
    thanks in advance :)

  2. Root
    Member
    Posted 10 years ago #

    Welcome to Wp. You need to do two things. First create the space above the header. I would suggest in index.php you add a <div id="hnav">
    In the CSS the style it with colors, borders etc.
    Now : inside #hnav in index.php put the php call to call the category you want. That is a bit easier. Why not sort out the extra div and post again ?

  3. ben
    Member
    Posted 10 years ago #

    hey thanks for your help
    I put the <div id="hnav"> in index.php
    now what do I do next?

  4. xircom
    Member
    Posted 10 years ago #

    fortunately for you, i've implemented the very same menu technique and happen to have the tutorial to go along with it. as far as placement thereof, the above comments are bang-on ...for creating the actual menu however, go here: http://www.simplebits.com/bits/minitab_shapes.html
    cheers -- michael

  5. xircom
    Member
    Posted 10 years ago #

    sorry ..the above is an expansion from the basic concept presented here: http://www.simplebits.com/bits/minitabs.html

  6. Root
    Member
    Posted 10 years ago #

    Well Dan - do not spoil the fun. :) We were just getting started.
    I had not realised who xircom was. Nice work all round.
    @ben: xircom might be too polite to mention it but he must be in the top 3 web designers on the planet. Just do what he advises :)

  7. xircom
    Member
    Posted 10 years ago #

    root, you are far too kind. i am nothing more than a dabbler in the arts. a little different than when i first started, no?
    dan, if you need any assistance implementing the menus, just drop me a line and i will help where possible.
    michael AT synapticjunctions DOT com
    -- michael

  8. ben
    Member
    Posted 10 years ago #

    thanks guys, I've got them up on the top of my page now (Although not linking to anything yet!)
    however doing so seems to have stretched my main table somehow, any ideas what's wrong?

  9. ben
    Member
    Posted 10 years ago #

    actually strike that last question, I just fixed it myself :)

  10. Root
    Member
    Posted 10 years ago #

    Maybe a bit of styling on the hnav and you are home free. Nice work :)

  11. nastrud
    Member
    Posted 10 years ago #

    Can you copy the code I should have to use to make this navigation bar. I'm trying to get it trough the link Michael has just han but I can't.
    Pd: xircom your design simply wonderful ;)

  12. nastrud
    Member
    Posted 10 years ago #

    Well, I've got the code of the navigation bar but I have a doubt in this line:
    ------
    background: url(../images/tab_circle.gif) no-repeat bottom center;
    }
    ------
    How can I get this gif that I suppose is necessary to make the effect on the navigation bar?

  13. Anonymous
    Unregistered
    Posted 10 years ago #

    the point is to make your own ...

  14. nastrud
    Member
    Posted 10 years ago #

    ok... :smile:

  15. celaine
    Member
    Posted 10 years ago #

    for what it's worth, your site looks great!

  16. Anonymous
    Unregistered
    Posted 10 years ago #

    how would I alight the minitabs to the right? I'm a total CSS newbie

  17. Anonymous
    Unregistered
    Posted 10 years ago #

    I mean align

  18. Root
    Member
    Posted 10 years ago #

    If you registered you could edit your typos. Plus if we had a url we could be certain what we are looking at.

  19. Root
    Member
    Posted 10 years ago #

    Dang. Am I imagining it or is the code tag not working ?

  20. rustin
    Member
    Posted 10 years ago #

    you know... it's helped me a ton. I'm not using it straight... but it pointed me in the exact direction I needed!
    Thank you!

  21. Root
    Member
    Posted 10 years ago #

    Well you only had to go and look at theirs.

  22. lcf
    Member
    Posted 10 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.