vBa sub page link style not matching navtab child link style

[soulfoot]

Issue: vBa navtab sub link style vs vB navtab sub link style
vBulletin 4.1.12 Patch Level 1
vBadvanced CMPS 4.2.0
site: http://dev.unrepentantgaming.org/index.php
skill level: can follow directions

Problem: I created a sub page for my vBa "Home" page called "Community Portal". However, i do not know how to make the sub page link style match the other subpage/child link styles in the rest of the navbar (select "forum" and hover over the sub links for an example). Our site also uses a rotating background so if you happen to get the one thats mostly white you wont even be able to see the sub page under "Home". I know i can just change the navbar_background (among other things) but I wouldnt be here if i didnt want to make it work.

If there are stylevars what are they, If i need to edit a template please point me in the right direction.

here is some of the code i used for the navtab children/sublinks

.navtabs li.selected li a {
	color:{vb:stylevar navbar_link_color};
	padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
        background:{vb:stylevar body_background};
        -moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
}


.navtabs li.selected li a:hover {
	color:{vb:stylevar navbar_tab_selected_color};
	text-decoration:none;
        background: {vb:stylevar navbar_tab_selected_background};
        -moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent; 
}

since i plan on creating several sub pages for quite a few different vBa pages it would be nice if they some how inherited the style in the same way that the vBa navtabs inherit it.

i dont know alot about code creation but i guess i need to somehow put that style into this code

<vb:if condition="$subpagelinks">
	<ul class="floatcontainer">
		{vb:raw subpagelinks}
	</ul>
</vb:if>

[soulfoot]

ok so i'm halfway there

I added the following to additional.css

.subtab li a {
	color:{vb:stylevar navbar_link_color};
	padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
        background:{vb:stylevar body_background};
        -moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
}

and then changed the bottom half of adv_portal_navtab to

<vb:if condition="$subpagelinks">
	<ul class="floatcontainer subtab">
		{vb:raw subpagelinks}
	</ul>
</vb:if>

now to figure out how to get the hover working.

[soulfoot]

and done

added the following to additional.css

.subtab li a:hover {
	color:{vb:stylevar navbar_tab_selected_color};
	text-decoration:none;
        background: {vb:stylevar navbar_tab_selected_background};
        -moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent; 
}

thanks for all your help

[Dragonsys]

Originally Posted by soulfoot

thanks for all your help

LOL
glad you got it all figured out!