vb.org Archive - Navbar Customizing

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Navbar Customizing (https://vborg.vbsupport.ru/showthread.php?t=285812)

SpawnedX

07-21-2012 09:05 PM

Navbar Customizing

Could someone point me in the right direction to doing a slight redesign in the style I am using here: http://www.dsmnation.com

You see how Forum and Classified links are text? I want them to look more like the default style which has an image background making it look like a button and when you highlight the button it changes colors.

peugeot405

07-21-2012 09:22 PM

in style variable editor look under the navbar section and edit the settings depending on who you want it to look.

you'll also have to play around width, height, padding en margins

SpawnedX

07-21-2012 10:40 PM

Thank you, I got that all figured out.

I have one more issue, I want to put a | between all the sub-menu items without putting one before the first option or after the last. Any ideas on the best way to accomplish this?

peugeot405

07-22-2012 07:37 AM

Quote:

Originally Posted by SpawnedX (Post 2350268)

you can put a line between them by adding this to additional css:

Code:

.navtabs ul li {

    border-right: 1px solid #FFFFFF;

}

but it also puts a line after the last one, i don't think there's a way to avoid that.

SimonB

07-25-2012 07:59 PM

1 Attachment(s)

I also have a navbar style issue I'd like resolved and Peugeot405 (great car BTW) has always been most helpful elsewhere for me.

As you can see in the image I'd like the link that has been selected for the popup menu to be reversed (i.e in white, rather than the same colour as the rest of the navbar links)

I'm guessing another CSS tweak rather than a stylvar issue?

Thanks

peugeot405

07-25-2012 09:17 PM

Quote:

Originally Posted by SimonB (Post 2351414)

see of adding this in additional css helps simonB:

Code:

.navtabs li.selected li:hover a.popupctrl {

    background-color: #A71212;

    border-color: #FFFFFF;

    text-decoration: none;

    color: #ffffff;

}

.navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active {

    background-color: #A71212;

    border-color: #A71212;

    border-radius: 3px 3px 0 0;

    color: #ffffff;

    text-decoration: none;

}

And thanks for the nice comment you wrote about me, really appriciate it. :)

SimonB

07-27-2012 08:33 PM

Thanks Peugeot405... works like a charm.

Can I ask, do you use firebug or something to play around with settings? I wish I had the ability to fully interpret what it's telling me. I have been able to resolve a few issues with it but the one you just resolved had me stumped.

Simon

peugeot405

07-27-2012 09:53 PM

I do use firebug very often, SimonB. It's something i learned here on vb.org.
It helped me to solve a lot of issues too.

I have a private testsite, so i can play around with settings, using firebug and by making changes directly in the templates.

All times are GMT. The time now is 05:09 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01046 seconds Memory Usage 1,727KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (8)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: