vb.org Archive - How do I customize the hover background color of the tabs in the member profile?

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

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

- - How do I customize the hover background color of the tabs in the member profile? (https://vborg.vbsupport.ru/showthread.php?t=246150)

tcarr9

07-08-2010 05:38 PM

How do I customize the hover background color of the tabs in the member profile?

1 Attachment(s)

When looking at a member's profile page, if I hover over the active tab the link color changes but not the background. If I hover over a different tab, both the link color and the background change, to what is either the same color or very similar colors, making it impossible to read the name of the tab.

How can I change either the background color or the link color (either one will do) when hovering over these tabs? This doesn't appear to be a style var, at least not an obvious one. I've had problems with other places where I hover over a tab or button that had to be fixed by adding a few lines to additional.css, but I wouldn't know how to guess what to add there for this.

napy8gen

07-08-2010 05:57 PM

It is actually under stylevars> common> tabslight_
there are 3 of them

but the hover is using stylevars> navbar> navbar_tab_selected_background

I reported this way back in January. Wanting a new stylevar for it. But they never listened.
You can vote on it.
http://tracker.vbulletin.com/browse/VBIV-4469

tcarr9

07-08-2010 06:15 PM

Thanks so much! I used the hack I found in the tracker link and it works nicely now! What I did was edit vbulletin.css to find this:

Code:

dl.tabslight dd a:hover {

        color:{vb:stylevar linkhover_color};

        background:{vb:stylevar navbar_tab_selected_background.backgroundColor} {vb:stylevar navbar_tab_selected_background.backgroundImage} repeat-x 0 -{vb:stylevar navbar_tab_selected_top_width}px;

}

and replace it with this:

Code:

dl.tabslight dd a:hover {

        color:{vb:stylevar linkhover_color};

        background:{vb:stylevar tabslight_selected_background};

}

napy8gen

07-08-2010 08:22 PM

yes that is the css location of it. :-)
but the proper way is to change only at the stylevars.

benstillman

07-09-2010 03:56 PM

Freaking awesome. I've been trying to figure this one out for two days.

Qwk86gn

07-10-2010 03:18 PM

Quote:

Originally Posted by tcarr9 (Post 2066444)

Thanks so much! I used the hack I found in the tracker link and it works nicely now! What I did was edit vbulletin.css to find this:

Code:

dl.tabslight dd a:hover {

    color:{vb:stylevar linkhover_color};

    background:{vb:stylevar navbar_tab_selected_background.backgroundColor} {vb:stylevar navbar_tab_selected_background.backgroundImage} repeat-x 0 -{vb:stylevar navbar_tab_selected_top_width}px;

}

and replace it with this:

Code:

dl.tabslight dd a:hover {

    color:{vb:stylevar linkhover_color};

    background:{vb:stylevar tabslight_selected_background};

}

Just a tip here, you can add any code like that to your additional.css to avoid issues when upgrading to futurre version. Keeps from having to revert or change templates when updating vBulletin.

The additional.css is called upon last so anything in there will "overwrite" the default value in the templates.

;)

tcarr9

07-10-2010 04:58 PM

Thanks for a great tip! I've reverted all changes made to css files except additional.css and moved my changes to additional.css.

All times are GMT. The time now is 11:44 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01096 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 (4)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)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: