Dreamweaver - Vinculos

 
Vista:

Vinculos

Publicado por SVA (8 intervenciones) el 06/02/2007 21:33:11
Hola¡¡

Otra vez estoy por aqui, es para preguntar si dentro de una misma página puedo poner vínculos con distintos colores, ya que tengo vínculos en diferentes colores de fondo. Para cambiarlo utilizo propiedades de páginas, pero me cambia el color de todos ls vínculos de la página.

No se si me abré explicao.....Muchas gracicass
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Vinculos

Publicado por Daniel Ulczyk (1171 intervenciones) el 07/02/2007 13:31:26
Podés agregar tantas clases como necesités, si te atenés al siguiente ejemplo:

<style type="text/css">
<!--
a:link { font-family: Tahoma, Verdana, Arial; color: #003366; text-decoration: none}
a:visited { font-family: Tahoma, Verdana, Arial; color: #0099CC; text-decoration: none}
a:hover { font-family: Tahoma, Verdana, Arial; color: #996600}
a:active { font-family: Tahoma, Verdana, Arial; color: #996633; text-decoration: none}

a.otroestilo:link { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
a.otroestilo:visited { font-family: Tahoma, Verdana, Arial; color: #CC9933; text-decoration: none}
a.otroestilo:hover { font-family: Tahoma, Verdana, Arial; color: #996666}
a.otroestilo:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
-->
</style>

Ahí he creado la clase otroestilo. La cual se aplica de esta manera:

<a href="documento.html" class="otroestilo">Link</a>

Por default, los enlaces se mostrarán según el primer bloque, y el segundo se aplicará como en el ejemplo. IMPORTANTE: Dreamweaver se ocupa que no ocurra, pero si la edición la hacés en forma manual, debés seguir el siguiente orden
LINK - VISITED - HOVER - ACTIVE
Si no, las definiciones no se aplican y, finalmente; tené presente que si al nombre de la clase (CLASS) le incluís caracteres numéricos, ni Netscape ni Mozilla lo interpretearán adecuadamente. Ya que solo interpretan clases con letras.
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Vinculos

Publicado por Federico Avila (1 intervención) el 20/02/2007 19:48:51
<html>
<head>
<title>vinculos</title>
<style type="text/css">
<!--
.vinculo1 { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3333FF; text-decoration: underline }
A.vinculo1:hover { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9933; text-decoration: underline }
.vinculo2 { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFCC00; text-decoration: underline }
A.vinculo2:hover { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #33CC00; text-decoration: underline }
-->
</style></head>

<body>
<p><a href="#" class="vinculo1">vinculo</a></p>
<p> </p>
<p><a href="#" class="vinculo2">vinculo</a></p>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar