MyBB Community Forums

Could anyone explain how I can add a navigation menu above my "header_welcomeblock_member". Basically I'm just trying to do a simple one but I keep messing up my skin. (I'm awful at this)

Example..

Home | Rules | <---------------space-------------> Link1 | Link 2 | Link 3 | Link 4

I know this is extremely simple but for a noob like me or I should someone with a lack of coding knowledge would appreciate the help.
~Kerrang!

Try this:

<div style="float: right;">
Link1 | Link 2 | Link 3 | Link 4
</div>
<div>
Home | Rules |
</div>

How do you add the part so you can use css with it?

I know it's something placing ".example" and then adding it to the css of my skin. I'm just not sure of the exact code line.

Thanks
~Kerrang!

No need. I defined the CSS in the tag. But if you want to use a CSS class there is already one. In the code I gave you, replace 'style="float: right;"' with 'class="float_right"'.
Either way you get the same effect.

I'd do something like this:

<ul class="left_menu">
     <li><a href="#home">Home</a></li>
     <li><a href="#rules">Rules</a></li>
</ul>

<ul class="right_menu">
     <li><a href="#link">Link1</a></li>
     <li><a href="#link">Link2</a></li>
     <li><a href="#link">Link3</a></li>
     <li><a href="#link">Link4</a></li>
</ul>

And in the CSS:

.left_menu {
   list-syle: none; padding: 0; text-align:  left; float: left
}
.right_menu {
   list-syle: none; padding: 0; text-align:  right; float: right
}

.left_menu li, .right_menu li {
   display: inline; padding: 2px 5px 2px 0; border-right: 1px solid #000
}

That would be a basic styling.

Thanks again.

I've been meaning to read up more about styling and designing but I'm just not good at picking it. Appreciate the support and help

~Kerrang!