PDA

View Full Version : changing link colors


bojomojo
07-02-2008, 04:58 PM
hello, I need to change the links' colors in the user info part

this part

<if condition="$show['member']">

<td nowrap="nowrap">

<div class="smallfont">

<strong><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>





by links I mean, the username, and private msgs link.. I need to change it only here, so i dont want to mess the parent style,

But i dont know where to add my new class as phrases doesnt respond to classes

Attitude5ire
07-02-2008, 05:40 PM
Read this:https://vborg.vbsupport.ru/showthread.php?t=183312

I posted solution for something similar here.

bojomojo
07-02-2008, 05:57 PM
actually i mentioned that in my post,
as in my code i am not usoing tables
in this part the only tags are phrases, and i made a custom class and tried it but it didnt work

here is my code an my CSS

<div class="usrcustom">
<if condition="$show['member']">
<strong><phrase class="usrcustom" 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><br /><br />

<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>




CSS

.usrcustom {
padding-top:10px;
color:#FFFFFF;
}
a.usrcustom:link, a.usrcustom:visited { color: #E7E7E7; text-decoration: none; }
a.usrcustom:active, a.usrcustom:hover { color: #EE2323; text-decoration: underline; }

Attitude5ire
07-02-2008, 07:34 PM
You css is a bit wrong, by your declaration it will affect all links which have usercustom class in it. Whereas you declared the whole div as usrcustom.
So u need to make a as child..
something like

.usrcustom a:link, .usrcustom a:visited

bojomojo
07-02-2008, 09:05 PM
I got it working now, thanks