Support » Themes and Templates » Trying to replicate’s navigation bar

  • 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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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;
    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

    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.

    There’s something else that I want to replicate from 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?

    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 and offer a solution. It appears that the navigation isn’t calling the CSS for some reason.

    Any help would be appreciated.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Trying to replicate’s navigation bar’ is closed to new replies.