MyBB Community Forums

Full Version: Change Navigation Bar To A Bar With Buttons?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2

MikeInToshx

Hey guys,

I'm wondering if anyone has an idea to change my navigation.
It is too simple, all grey.
Maybe I should make some buttons? And make them rollover? But how..

[attachment=30008]
www.computerhelpforum.be


Cheers
here is a simple method --> you can try adding required style (background, border, padding .. etc) for #panel .upper ul li
you already have hover effect for the nav links so take care that newly added style matches with the hover effect

just as an example -->
#panel .upper ul li {background: #D9D9D9;
padding: 7px 0;
border: 1px solid navy;
border-radius: 4px;
}

MikeInToshx

Oh thanks Smile
^ you can increase the padding if required ! (padding: 8px 0;)

MikeInToshx

I just found that out, I edited my post. Cheers!

1 more thing, how do I change the space between the buttons? ( like margin ? )
^ well, you can use margin property itself (like #panel .upper ul li {margin: 0 12px;})

MikeInToshx

Worked, thanks.

Now I got a new design problem though.

[attachment=30009]
How can I float that to the right?
( floating it to the right isnt going to work, I tried that before and something else floated to the right aswell and it switched places :O )
^ you can use span#quick_login {float: right;}

MikeInToshx

That worked perfectly, sir !
You are the guy with all the right answers Big Grin Big Grin

1 more thing.

When clicking the "sign in" button, the input fields are very close together with the rest of the stuff.

How do we fix that? I think thats my last consern about that Big Grin

[attachment=30011]

Cheers buddy, I appriciate your work and time u spend on solving problems <3
^ you can change margin used for #panel input (eg. #panel input {margin: -3px 12px;})
Pages: 1 2