How do you add CSS to navtab links in the Navigation manager, like you do here for the "Purchase" tab font color?
How do you add CSS to navtab links?
Collapse
X
-
vBulletin - Sometimes, I'm just like, Wow, and then I'm like, Whoa, and then I'm like, Damn.
vBulletin.org's ol' Moderator
I have a lifetime terrorist hunting permit - #091101
chmod a+x /bin/laden -- Allows anyone the permission to execute /bin/ladenTags: None -
This is how it is being done here:
Code:#tab_nzm4_882 a.navtab { color: #FBCB3D; }
This goes in the additional.css template, of course. -
Each tab have a unique id. you still can play with navigation by editing the 'navbar_tabs' templatePlease feel free to contact me if you have any questions or concerns
Links: vBulletin Manual - Code Documentation - FAQ - Bug Tracker - Lemon Juice
vBulletin 5 Connect: Extensions - Articles - Features - PurchasesComment
-
- - - Updated - - -
I figured it out, I think, unless there is an easier way.
Code:#tab_nzgw_296 a.navtab { color: #FBCB3D; } #tab_nzgw_296 a.navtab:hover { color: #000000; }
vBulletin - Sometimes, I'm just like, Wow, and then I'm like, Whoa, and then I'm like, Damn.
vBulletin.org's ol' Moderator
I have a lifetime terrorist hunting permit - #091101
chmod a+x /bin/laden -- Allows anyone the permission to execute /bin/ladenComment
-
-
Thank you for verifying that, Paul and Matthew, and thanks to Matthew for showing me the new way to do it.
I'm having a blast with the new Navigation Manager.
- - - Updated - - -
I was doing it like this before but things have changed.
Code:.navtabs li a.navtab_donate { color: #FBCB3D; } .navtabs li a.navtab_donate:hover { color: black; }
vBulletin - Sometimes, I'm just like, Wow, and then I'm like, Whoa, and then I'm like, Damn.
vBulletin.org's ol' Moderator
I have a lifetime terrorist hunting permit - #091101
chmod a+x /bin/laden -- Allows anyone the permission to execute /bin/ladenComment
-
Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Okay, here is what I have now and it works except when the button is highlighted. Then it shows the text in the orange/brown color. How do I fix that?
Code:/* Donate Navbar Button Color */ #tab_nzgw_296 a.navtab { color: #FBCB3D; } #tab_nzgw_296 a.navtab:hover { color: {vb:stylevar navbar_tab_selected_color}; }
vBulletin - Sometimes, I'm just like, Wow, and then I'm like, Whoa, and then I'm like, Damn.
vBulletin.org's ol' Moderator
I have a lifetime terrorist hunting permit - #091101
chmod a+x /bin/laden -- Allows anyone the permission to execute /bin/ladenComment
-
Building on your code this is what I get:
Code:/* Donate Navbar Button Color */ #tab_nzgw_296 a.navtab { color: #FBCB3D; } #tab_nzgw_296 a.navtab:hover { color: {vb:stylevar navbar_tab_selected_color}; } .navtabs li.selected#tab_nzgw_296 a.navtab { color: {vb:stylevar navbar_tab_selected_color}; }
Last edited by Wayne Luke; Wed 23 May '12, 3:31pm.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Thank you, Wayne, That fixed it. Are you using the default style on your site? That red color sounds interesting.
I never would have gotten the third part of the code you posted. I'm really bad at the CSS stuff.vBulletin - Sometimes, I'm just like, Wow, and then I'm like, Whoa, and then I'm like, Damn.
vBulletin.org's ol' Moderator
I have a lifetime terrorist hunting permit - #091101
chmod a+x /bin/laden -- Allows anyone the permission to execute /bin/ladenComment
-
The site I am playing with does not use a default style. It is dark blues and black backgrounds with white text and bold link colors.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
A menu where you click on the tab and it drops down? No... Not at this time. Andreas is working on an Addon that he wants to provide this functionality with. It is on vBulletin.org.
If you mean a menu in the subnav where it shows a link and that drops down like the "Quick Links" menu above, then yes. Just add a new menu to your tab in the Navigation Manager.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
I have already a mod Evi Menu tabs that I use , but I thought with this new vb tab function that I wouldn't have to use it anymore.Comment
Related Topics
Collapse
-
by CraigI'm looking to change the colors of each icon using css. I am not very familiar with css coding, but can identify areas using the inspector tool. Is there anyone willing to share one format that would...
-
Channel: vBulletin 5 Tutorials
-
Comment