links

hektor182
26 de Junio del 2003
me gustaria saber que puedo hacer para que los links funcionen de manera diferente en una misma pagina. quiero decir que por ejemplo unos tengan subrayado y otros no.
espero y agradezco vuestra respuesta. nos vemos

_ssX
26 de Junio del 2003
Hola que tal, mira, esto es muy facil lo unico que necesitas utilziar son LAs llamadas hojas estilo .CSS y para usar estas necesitas usar clases para los diferentes tipos de link.

Por ejemplo pones este codigo CSS entre las etiquetas <head></head>

Tendremos dos clases de links llamados link1 y link2

A.panel:link { color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.panel:visited { color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.panel:active { color: #C0C0C0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.panel:hover { color: #C0C0C0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link1:link { color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link1:visited { color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link1:active { color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link1:hover { color: #0066FF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link2:link { color: #0066FF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link2:visited { color: #0066FF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
A.link2:active { color: #0066FF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

A.link2:hover { color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

LA FORMA DE UTILIZAR ES SENCILLA EN AHORA TUS LINKS SERAN ASI..

<a class="link2" href="pagina.html">
<a class="link1" href="pagina.html">

Si observas los vinculos tienen cuatro estados nuevo,pulsado,activo y rollover, por esto cada clase puedes perzonalizar cada estado..

Necesitas saber de las propiedades de los CSS
www.desarrolloweb.com