Foros del Web » Creando para Internet » CSS »

Problema estilos css enlaces

Estas en el tema de Problema estilos css enlaces en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/10/2010, 14:09
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 1
Problema estilos css enlaces

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
__________________
Cada día se aprende algo nuevo
  #2 (permalink)  
Antiguo 30/10/2010, 16:23
 
Fecha de Ingreso: octubre-2010
Mensajes: 31
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Problema estilos css enlaces

Cita:
Iniciado por TIFORO Ver Mensaje
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
  #3 (permalink)  
Antiguo 30/10/2010, 21:21
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 1
Respuesta: Problema estilos css enlaces

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.
__________________
Cada día se aprende algo nuevo

Última edición por TIFORO; 30/10/2010 a las 21:44
  #4 (permalink)  
Antiguo 30/10/2010, 23:23
 
Fecha de Ingreso: octubre-2010
Mensajes: 31
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Problema estilos css enlaces

Cita:
Iniciado por TIFORO Ver Mensaje
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:
Ver original
  1. a {color: #FFF; }
  2.  
  3. a:hover {color:  #F90; }

Saludos
  #5 (permalink)  
Antiguo 31/10/2010, 06:36
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 1
Respuesta: Problema estilos css enlaces

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.
__________________
Cada día se aprende algo nuevo
  #6 (permalink)  
Antiguo 31/10/2010, 08:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema estilos css enlaces

Hola:

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

Saludos.

  #7 (permalink)  
Antiguo 31/10/2010, 10:00
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 1
Respuesta: Problema estilos css enlaces

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.
__________________
Cada día se aprende algo nuevo

Etiquetas: enlaces, estilos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:45.