Foros del Web » Creando para Internet » HTML »

2 estilos(CCS) en una pagina

Estas en el tema de 2 estilos(CCS) en una pagina en el foro de HTML en Foros del Web. Saludos Masters, estoy dandole un poco de craetividad a un pagina que todavia no esta en linea, y se me ocurrio utilzar 2 "CSS" diferentes ...
  #1 (permalink)  
Antiguo 28/11/2002, 18:41
 
Fecha de Ingreso: enero-2002
Ubicación: México
Mensajes: 39
Antigüedad: 22 años, 3 meses
Puntos: 0
Pregunta 2 estilos(CCS) en una pagina

Saludos Masters, estoy dandole un poco de craetividad a un pagina que todavia no esta en linea, y se me ocurrio utilzar 2 "CSS" diferentes estilos para una pagina pero funciona unicamente uno de los dos, si los utilizo por separado si funcionan perfectamente, inserto los codigos:

1. Si funciona.
A:hover {
color:#000000;
background-color:#ffccff;
text-decoration:none;
}
A:link {
color:#333399;
}
</STYLE>

2. Si funciona
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #336699;
text-decoration: none;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #FF9900;
text-decoration: none;
}
</style>

les envío el codigo en otro mensaje.....
__________________
NEXT
  #2 (permalink)  
Antiguo 28/11/2002, 20:51
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 889
Antigüedad: 22 años, 3 meses
Puntos: 4
Pon un nombre a cada estilo. Así luego podrás identificarlos por un nombre "específico" que le des.

Te pongo un ejemplo:

En Head:
<style>
a.estilo1:hover{color:#000000; background-color:#ffccff; text-decoration:none}
a.estilo1:link{color:#333399;}
a.estilo1:visited{color:#785203; text-decoration: underline}
a.estilo2:hover{color:#666666; background-color:#ccffcc; text-decoration:none}
a.estilo2:link{color:#9933333;}
a.estilo2:visited{color:#534625; text-decoration: none}
</style>

En Body:
<a href="#" class="estilo1">Estilo 1</a>
<a href="#" class="estilo2">Estilo 2</a>

Lo que hice, es crear el "estilo1" y "estilo2" con distintas propiedades, y posteriormente las hice llamar con la propiedad: "class=estiloX".

Espero quedase claro y te sea de guía.


Saludos!
  #3 (permalink)  
Antiguo 28/11/2002, 21:39
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 22 años
Puntos: 3
Bien explicado CHIVI
  #4 (permalink)  
Antiguo 28/11/2002, 21:44
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 889
Antigüedad: 22 años, 3 meses
Puntos: 4
jejeje gracias man!! Ahora que puedo aprovecho a saludarte

PD: Estoy sin Internet . Ave si me viene ya el ADSL (llevo semanas esperandolo) y nos vemos nuevamente por el Messenger y intercambiamos conocimientos.


Un abrazo para ambos.
  #5 (permalink)  
Antiguo 29/11/2002, 08:56
 
Fecha de Ingreso: enero-2002
Ubicación: México
Mensajes: 39
Antigüedad: 22 años, 3 meses
Puntos: 0
Gracias que perfecto

Gracias a todos, ya funciona muy bien, tome la el consejo de Chivi, quedo perfecto.

Saludos
__________________
NEXT
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 04:03.