PDA

View Full Version : Simple 'How Do I Change This Colour' Question


Bacon Butty
06-23-2008, 02:21 PM
Hi,

Been trying to figure out how to change a few colours on my vbulletin for ages now and I have had to admit defeat and ask one of you clever lot.

http://img516.imageshack.us/img516/8559/examplegu2.jpg

Anyone any idea at all how to change the links the arrows point to in the above screenshot to white? (without changing any other links on the forum), I have tried editing the navbar but could only manage to get the rest of the text white and not the username or private messages link.

After that, it would also be great if anyone could tell me how to change this colour http://img508.imageshack.us/img508/775/screensz4.jpg (b4dbe0) without changing the table border css? Thats the only way I can see which changes the colour in the screenshot, but I want the table border to remain that colour.

Any help would be greatly appreciated thanks.

SEOvB
06-23-2008, 02:45 PM
All of those are controlled in the Style Manager -> Main CSS

Look at table header (thread) and vbmenu_control CSS

Bacon Butty
06-23-2008, 03:03 PM
Thanks.

They are yes, but I need to just change the selected areas highlighted and no other areas.

For example, the time in the navbar. If I change the 'Time Color' font colour in the CSS, then it will change the time colour on all the forum postings too. Not good because I want to change the time colour in the navbar to white - this makes the time colour not visible in the actual forums.

Attitude5ire
06-23-2008, 05:01 PM
1st Image: the class is .smallfont but you shouldnt do it becos its a global class.
Add a class file to the part in navbar like class="headernav" and then define link color by
headernav a{
color:#whatever u want.
}

Same for 2nd image as stated above its a global class if you change it will change colors for top navbar too..
you need define a custom class for it too.. prolly forumdisplay template

Bacon Butty
06-23-2008, 07:35 PM
1st Image: the class is .smallfont but you shouldnt do it becos its a global class.
Add a class file to the part in navbar like class="headernav" and then define link color by
headernav a{
color:#whatever u want.
}

Same for 2nd image as stated above its a global class if you change it will change colors for top navbar too..
you need define a custom class for it too.. prolly forumdisplay template

Thanks a lot, but any chance you could explain that a bit more please?

Attitude5ire
06-23-2008, 07:41 PM
uhm.. well in ur navbar template need to find where is the part which u want to alter..
if you post i can clear it..
basically u shdnt use global color scheme for those as they are exception u need to define a new color set for them.. both cases.

Bacon Butty
06-23-2008, 08:53 PM
Thanks again.

Basically need all the text here to be white. Currently, it is apart from the actual links, so


Welcome Username
You last visited: Today at 03:50 PM
Private Messages: Unread 0, Total 10

The bold is what needs changing to white. Spent hours again trying but dont seem to be able to get it.

<if condition="$show['member']">
<td nowrap="nowrap">
<div class="smallfont">
<strong><FONT COLOR="white"><class="headernav"><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>
<else />

Attitude5ire
06-24-2008, 05:24 PM
Alright add a class to
<td nowrap="nowrap">
like
<td class="spnav" nowrap="nowrap">

No open style main css>goto bottom advanced
and add
.spnav a{
color:white;
}

This will turn all links in that cell to white..
you can add style tag within table too.. but follow this much better.

Bacon Butty
06-24-2008, 06:55 PM
Thanks a lot! worked a treat.

Pushing my luck here I know, but this is the final bit and then my skin is complete. Any idea how to alter the colour below without changing the table border css? As the only way in which I can change the colour in the screenshot is by changing the table border css, which I dont want to do.

http://img511.imageshack.us/img511/2106/58146936xv4.jpg

http://img501.imageshack.us/img501/1016/92059687qw8.jpg

Attitude5ire
06-24-2008, 08:46 PM
same method..
open forumdisplay and Showthread template..
and you need to add a class say
.spopt in css.. and then add that class next to these.. its quite easy.