WordPress.org

Ready to get started?Download WordPress

Forums

Trying to replicate ColdForged.org's navigation bar (8 posts)

  1. RaynerApe
    Member
    Posted 9 years ago #

    I have been looking for an email of the owner of this website for some time and without finding any, I have nowhere to ask for help but here (hoping the website owner might notice it, if he visits often). I am trying to replicate the navigation bar which merges half with Kubrik's title. I believe it's not a big deal to do, but for me with zero CSS knowledge it's quite hard. If anyone could give me pointers - like how to do it, what themes to study that have similar elements, and how to integrate such navigation bar in general, I'd be very grateful, because that's the last element my blog needs to be considered finished and ready to go. Thanks in advance!

  2. idbehold
    Member
    Posted 9 years ago #

    Here is the CSS:

    #navigationbar {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 395px;
    background-color: #fAF0FA;
    margin-top: -9px;
    margin-left: 70px;
    height: 16px;
    }

    #navigationbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    }

    #navigationbar li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    }

    #navigationbar a {
    padding: 1px;
    margin: 1px;
    color: #FFFDD9;
    font-size: 90%;
    width: 75px;
    background-color:#3D68B3;
    text-transform: uppercase;
    display: block;
    }

    #navigationbar a:hover {
    text-decoration: none;
    background-color: #91ABD9;
    }

    And then just View Source to see how to put it into your php

  3. moshu
    Member
    Posted 9 years ago #

  4. RaynerApe
    Member
    Posted 9 years ago #

    Thanks a lot! I implemented in no more than five minutes and it blends gorgeously with my Kibrik-deviation. I also checked the site - it's chock full of css goodness.

  5. RaynerApe
    Member
    Posted 9 years ago #

    There's something else that I want to replicate from Coldforged.org that I just remembered - the asides box. I am using a different asides plugin (RustAsides) which seems to be easier to implement (no hacking, uses additional fields, etc.) but I wanted to have the cool rounded corder design on Coldforged. So far I implemented it using a screenshot of the box, cleaning it, changing colors and using as css background image... but you know the limitations of this method. I am wondering what can be done to the css so that it has the same design - a logo and rounded corners?

  6. rustyhinges
    Member
    Posted 9 years ago #

    I'm piggy backing on the conversation here, I have included the CSS described above and the link structure that I found at coldforged using:

    <div id="navigationbar"> and the content.

    I was wondering if someone could have a look at the problem I have at http://www.rustyhinges.com and offer a solution. It appears that the navigation isn't calling the CSS for some reason.

    Any help would be appreciated.

  7. rustyhinges
    Member
    Posted 9 years ago #

    Well, nevermind the help... cause it's working! WordPress rocks.

    http://www.rustyhinges.com

  8. lcf
    Member
    Posted 9 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.