Como cambiar colores de enlaces?+css

T

-thor-

Lanero Regular
28 Feb 2007
35
como puedo conseguir que al iniciar mi web el enlace1 aparezca con color negro de fondo y rojo las letras y luego al hacer click en el enlace 2, el enlace 1 quede con las letras color azul y fondo rojo y el enlace 2 quede con fondo negro y letras rojas

un ejemplo para que se entienda mejor:

iniciar web
enlace1:aparece con letras rojas y fondo negro
ahora hago click en el enlace 2 y cambia a letras rojas con fondo negro
y el enlace 1 cambia a fondo rojo con letras azules

espero que se entienda y gracias .

codigo html
PHP: 
<html>

<head>
<title>pagina</title>


<LINK REL='stylesheet' TYPE='text/css' HREF='color.css'>
</head>

<body>


<a href='#'  class='menucolor'>enlace1</a><br/>


<a href='#'  class='menucolor'>enlace2</a><br/>


<a href='#'  class='menucolor'>enlace3</a>


</body>

</html>

codigo css
PHP: 
A.menucolor:active
{
        background:black;
        color: red;
}
 
En el css, donde dice
A.menucolor:active
quitele el :active. Que nada mas quede
A.menucolor

el :active se usa para cuando el vinculo esta activo, o sea, se encuentra en la misma pagina a donde va el link.
 
Al iniciar la pagina el link que dice google aparece de color rojo,y quiero que al hacer click en el link emol ,el link emol cambie a fondo rojo y el link google quede con fondo negro.

como puedo conseguir ese efecto?,ya que no me resulta
gracias

pagina con enlaces
PHP: 
<html>

<head>
<title>asdasd</title>


<LINK REL='stylesheet' TYPE='text/css' HREF='./estilo.css'>
</head>

<body>

 <div class='menubar'>
 <table border="0" cellspacing="0" cellpadding="0" width="100%">
 <tr>
 <td align="center" class="menubg" height="30" width="20">
 </td>

<td align="center" class="menubg2">
<a href='#'>google</a><br/>
</td>
<td align="center" class="menubg">
<a href='#'>pagina</a><br/>
</td>

<td align="center" class="menubg">
<a href='#'>emol</a>
</td>

<td align="center" class="menubg" width="20">
 </td>
</tr>
</table>
</div>
</body>
</html>

codigo css
PHP: 
.menubar
{
        background: #6699CC;
        color: #FFFFFF;
}
.menubg , tr.menubg td
{
        background: black;
        color: #FFFFFF;
}

.menubg2 , tr.menubg2 td
{
        background:red;
        color: #FFFFFF;
}
.menubg a:link, .menubg a:visited , .menubg2 a:link, .menubg2 a:visited
{
        color: #FFFFFF;
}
.menubg a:hover, .menubg2 a:hover
{
        color: #E0E0FF;
}


/* Normal, standard links. */
a:link
{
        color: #336699;
}
a:visited
{
        color: #336699;
}
a:hover
{
}
 

Los últimos mensajes

Los últimos temas

Arriba Pie
Atrás