Foros del Web » Creando para Internet » CSS »

Diferentes colores en links

Estas en el tema de Diferentes colores en links en el foro de CSS en Foros del Web. Hola Estoy intentando crear un menu que tiene 8 colores diferentes con CSS y no consigo que me coja un color diferente. Lo he intentado ...
  #1 (permalink)  
Antiguo 05/11/2008, 13:42
 
Fecha de Ingreso: noviembre-2008
Ubicación: Barcelona-Natal
Mensajes: 1
Antigüedad: 16 años
Puntos: 0
Diferentes colores en links

Hola

Estoy intentando crear un menu que tiene 8 colores diferentes con CSS y no consigo que me coja un color diferente.

Lo he intentado asi y funciona:

.menu1 {
font-size: 14px;
color: #FFFFFF;
margin-top: 10px;
}
.menu1
A:hover {text-decoration:underline;color:#FFCC00;}
}
.menu2 {
font-size: 14px;
color: #FFFFFF;
margin-top: 10px;
}
.menu2
A:hover {text-decoration:underline;color:#000000;}
}

pero me parece muy complicado.

Si alguien me da alguna luz...tipo onmouseover
  #2 (permalink)  
Antiguo 05/11/2008, 14:14
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años, 5 meses
Puntos: 177
Respuesta: Diferentes colores en links

proba así:

Cita:
a.color1{font-size: 14px;color: #FFF;margin-top: 10px;}
a.color1:hover{font-size: 14px;color: #0f0;margin-top: 10px;}
a.color2{font-size: 14px;color: #F0F;margin-top: 10px;}
a.color2:hover{font-size: 14px;color: #00f;margin-top: 10px;}
a.color3{font-size: 14px;color: #FF0;margin-top: 10px;}
a.color3:hover{font-size: 14px;color: #f00;margin-top: 10px;}
y en tu HTML
Cita:
<a href="#" class="color1">texto</a>
<a href="#" class="color2">texto</a>
<a href="#" class="color3">texto</a>
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 05/11/2008, 16:20
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Respuesta: Diferentes colores en links

Y más económico:

Cita:
a {font-size: 14px;margin-top: 10px;}
a.color1{color: #FFF;}
a.color1:hover{color: #0f0;}
a.color2{color: #F0F;}
a.color2:hover{color: #00f;}
a.color3{color: #FF0;}
a.color3:hover{color: #f00;}
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 06/11/2008, 05:14
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años, 5 meses
Puntos: 177
Respuesta: Diferentes colores en links

Mik, soy yo o no vi el "gracias me anda!!!" o "Gracias los pruebo y les cuento!!!", vos????

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
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 05:19.