Problema estilos css enlaces

[TIFORO]

Como puedo definir un estilo de un enlace que cambien de un color a otro, por ejemplo:

de rojo azul esto lo se hacer con control+J se difinde en dreamweaver.

Pero quiero que otros enlaces vayan con otros colores pero no se como hacer que un enlace sea de un color distinto al otro, creo se usa algo en los estilos li algo asi

[Mariela_Fiad]

Iniciado por TIFORO

Como puedo definir un estilo de un enlace que cambien de un color a otro, por ejemplo:

de rojo azul esto lo se hacer con control+J se difinde en dreamweaver.

Pero quiero que otros enlaces vayan con otros colores pero no se como hacer que un enlace sea de un color distinto al otro, creo se usa algo en los estilos li algo asi

Para hacer que los enlace sean distintos a azul que es el color que generalmente los navegadores dan por defecto, en tu CSS debes poner:

Código HTML:

a {color: #F63}

En donde puse #F63 puede ir cualquier otro color en éste caso puse un naranja.


Si quieres hacer que el enlace cambie de color en el momento que el usuario pasa el puntero por sobre el va lo siguiente:

Código HTML:

a:hover  {color: #0CF}

Eso lo hará celeste cuando el usuario pase el puntero sobre el.


Otra función es hacer que el enlace cambie de color en el momento que está siendo clickeado para hacer esto:

Código HTML:

a:active {color: #F00}

Y por último si quieres hacer que los enlaces anteriormente visitados por el usuario tengan un color distinto, va lo siguiente:

Código HTML:

a:visited {color: #600}

Todo lo anterior aplicará ese estilo a todos los enlaces de tu pagina, si solo quieres que cambien los de un sector específico de tu web debes agregar un selector descendiente.

Ejemplo

Código HTML:

span#columna a {color: #600}

Esto seleccionarían a todos los enlaces pero que se encuentran dentro de un elemento span de id columna.
Y si solo quieres agregar un estilo diferente a un solo enlaces. Debes agregarle a este enlace un Class o un Id en el xhtml, así:

Código HTML:

<a id="especial" href="">clic aqu&iacute;</a> 

Y luego en el css le aplicas el estilo así:

Código HTML:

a#especial  {color: red}

Puedes encontrar más información sobre enlaces aquí:
http://www.librosweb.es/css/capitulo7.html


Saludos

[TIFORO]

Ahora me lo hace bien pero, quiero que enlace antes de pasar el raton por encima que sea blanco y cuando este pase por encima sea naranja.

A salvo por que otros enlaces ya estan definidos con lo que escribo debajo.

a:hover {color: #0CF}
a:active {color: #F00}
a:active {color: #F00}
a:visited {color: #600}

Gracias por tu ayuda.

[Mariela_Fiad]

Iniciado por TIFORO

Ahora me lo hace bien pero, quiero que enlace antes de pasar el raton por encima que sea blanco y cuando este pase por encima sea naranja.

A salvo por que otros enlaces ya estan definidos con lo que escribo debajo.

a:hover {color: #0CF}
a:active {color: #F00}
a:active {color: #F00}
a:visited {color: #600}

Gracias por tu ayuda.

Si los colores no quedan como quieres quita a:visited

Para que sean blancos y al pasar el puntero sobre ellos naranja necesitarías esto. Sino te gusta el tono de naranja lo puedes cambiar.

Código CSS:

a {color: #FFF; }
 
a:hover {color:  #F90; }
 

Saludos

[TIFORO]

No me entendies a ver si me explico un poco mejor pro ejemplo:

flash.com

Este enlace iria en negro siempre tanto sea visitado como no, pero cuando pase por encima solo se pinte el texto del enlace de color naranja.

google.es

Este enlace iria en blanco siempre tanto sea visitado como no, pero cuando pase por encima solo se pinte el texto del enlace de color naranja.

Espero que este mas claro.

[jomaruro]

Hola:

¿Y cómo tienes definido el código?

Saludos.

[TIFORO]

a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}

esto para el enlace de flash que iria en negro pasaria pasaria en naranja.

.a#especial {
color: #FF6600;
}

Y el otro enlace de google tendria que ser el color blanco y cuando pase por el sea color naranja.