links
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
espero y agradezco vuestra respuesta. nos vemos
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
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