BAR !! (8 posts)

  1. Michael007
    Posted 11 years ago #

    http://commons.ucalgary.ca/weblogs/dnorman/archives Look

    How I made the ''Home About Contact Categories Archives Activity Links Subscribe'' Bar ??

  2. D'Arcy Norman
    Posted 11 years ago #

    I just used an unordered list. Check out the source for the page - the css is inline. The navbar is in the header, in an ul with id "navbar".

    Slight hack of Kubrick to get that in. I also refactored Kubrick so that it used a sidebar, header, and footer as separate files (something Michael's done in to the latest Kubrick for WP 1.5 - my public site is still running 1.2.2)

    If you have any more questions, please feel free to give me a shout.

  3. D'Arcy Norman
    Posted 11 years ago #

    Almost forgot - I'm working on migrating to WP 1.5, but am stuck on how to replicate some of the pages under 1.5 - it doesn't seem to want to render php tags within Entries or Pages...

    I posted on that here:

  4. Michael007
    Posted 11 years ago #

    Hu ,
    I Dont know

    Say it step Per step PLZ

  5. D'Arcy Norman
    Posted 11 years ago #

    In the Kubrick header div, I added this (before the last </div> in that header div) (you could put this anywhere you want, wherever you want the "bar" to show up):

    <ul id="menunavbar">
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman" title="Main page for this weblog">Home</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/about" title="About this weblog, and myself...">About</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/contact" title="How to contact me...">Contact</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/categories" title="Category listing (with RSS feeds for each category)">Categories</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/archives" title="Date-based archives (monthly)">Archives</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/activity" title="Recent activity on this weblog">Activity</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/links" title="Links, blogroll, etc...">Links</a></li>
    <li><a href="http://commons.ucalgary.ca/weblogs/dnorman/subscribe" title="A nice page listing the main RSS feeds">Subscribe</a></li>

    I then added this to the css:
    #menunavbar { list-style: none; margin-top: 30px; }
    #menunavbar li { display: inline; margin-left: 10px;}
    #menunavbar a { color: white; font-weight: bold;}

    So that the unordered list will display as an inline "bar" of buttons. It's not perfect, but it works well enough for me.

  6. Michael007
    Posted 11 years ago #

    THNX MAN !!!

  7. Michael007
    Posted 11 years ago #

    look now :( The white bar :( How delete I This

  8. D'Arcy Norman
    Posted 11 years ago #

    No problem!

    What white bar? Looks fine from here...

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.