Change Design

[kau]

I am trying to come up with a new color scheme and having troubles.

Popup Menu Control's background color = the NAVBAR background color.

I want them to be different.

Is there a way to do that?

[kau]

Anyone?

[Steve Machol]

There are color maps for vB3 in the online manual:

http://www.vbulletin.com/docs/html/main/color_maps_intro

[kau]

That didn't help me. Perhaps I just don't understand.

If I want to change the NAVBAR background the only way I have found is the change Popup Menu Control's background color. However I want the NAVBAR background and teh Popup Menu Control's background color to be different.

Is that possible? If so how? Where exactly can I change the NAVBAR background without it changing the Popup Menu Control backgroudn?

[Steve Machol]

Can you provide a screenshot of what you mean?

[kau]

...........

[Steve Machol]

And what do you want changed exactly?

[kau]

I want those popup menus to remain green like the Category Strip color but the NAVBAR to stay that tan color.

[Jose Amaral Rego]

I had done it once for someone else, I wish I had a online organizer. I would of gotten you the proper coding for that to work?

[kau]

I tried editing the NAVBAR code but the CSS call overrides any bgcolor= code I put in there any TABLE, TR, TD tag.

[Jose Amaral Rego]

I got it to work a little, but it must be I had it on Additional CSS and had it working? I will see.

[Jose Amaral Rego]

I new it was my Additional CSS Definitions

Add this to Main CSS -> Additional CSS Definitions -> Second Box

/* ***** custom css ***** */
.navbg { color: #282828; background: #282828; }

In the navbar template you will need to find and change all instance of class="vbmenu_control" to class="navbg" :

<!-- nav buttons bar -->
<div align="center">
	<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
	<tr align="center">	
		<!--<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="$vboptions[forumhome].php?$session[sessionurl]">Home</a></td>-->
		
		<if condition="$show['member']">
			<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="usercp.php?$session[sessionurl]">$vbphrase[user_cp]</a></td>
		</if>
		<if condition="$show['registerbutton']">
			<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="register.php?$session[sessionurl]">$vbphrase[register]</a></td>
		</if>
		<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="faq.php?$session[sessionurl]" accesskey="5">$vbphrase[faq]</a></td>
		<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="memberlist.php?$session[sessionurl]">$vbphrase[members_list]</a></td>
		<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="calendar.php?$session[sessionurl]">$vbphrase[calendar]</a></td>
		<if condition="$show['popups']">		
			<if condition="$show['searchbuttons']">
				<if condition="$show['member']">
				<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
				<else />
				<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
				</if>
				<td id="navbar_search" [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="search.php?$session[sessionurl]" accesskey="4">$vbphrase[search]</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td>
			</if>
			<if condition="$bbuserinfo['userid']">
				<td id="usercptools" [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>		
			</if>
		<else />		
			<if condition="$show['searchbuttons']">
				<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="search.php?$session[sessionurl]" accesskey="4">$vbphrase[search]</a></td>
				<if condition="$show['member']">
				<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
				<else />
				<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
				</if>
			</if>
			<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td>
			<if condition="$bbuserinfo['userid']">			
				<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>			
			</if>			
		</if>
		<if condition="$bbuserinfo['userid']">
			<td [COLOR="Red"]class="vbmenu_control"[/COLOR]><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a></td>
		</if>
	</tr>
	</table>
</div>
<!-- / nav buttons bar -->

class="vbmenu_control"

[kau]

That will change the background but then I lose all the other class features what I want. I don't want the links to change color, decoration and font I just want the background to be different and keep everything else the same.

[Jose Amaral Rego]

Try it this way?

In the navbar template you will need to find and change all instance of class="vbmenu_control" to class="navbg" :

/* ***** custom css ***** */
.navbg { background: #282828; }
.navbg a:link
{
             font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navbg a:visited
{
	color: #FF22E6;
	text-decoration: none;
}
.navbg a:hover, .pmcolor a:active
{
	color: #FFFF66;
	text-decoration: underline;
}