web - Escrito por elizagarate en Jueves, noviembre 2, 2006 13:59 - 0 Comments

Links externos e internos

Siguiendo con las ventajas que aporta el nuevo Internet Explorer 7 es que además de las especificaciones CSS2, ya soporta algunos de los nuevos atributos basados en selectores CSS3. Por ejemplo, haciendo uso del operador ^= (que nos permite seleccionar solo aquellos elementos cuyo atributo especificado coincida, al comienzo de la cadena, con el valor especificado) podremos crear una reglas para determinar el aspecto de nuestros links en función de si son externos o internos. Marcaremos como externos todos los enlaces cuyo href comience con la cadena "http:":

  1. /*ENLACES INTERNOS*/
  2. a {
  3.       background-color: #666;     
  4.       color: #FFF;
  5.       font-weight: bold;
  6.       text-decoration: none;
  7.       padding-bottom: 1px;
  8. }
  9. a:hover {
  10.       background-color: #FAF3EC;
  11.       color:#666;
  12. }
  13. /*ENLACES EXTERNOS*/
  14. a[href^="http:"] {
  15.       color: #FFF;
  16.       background-color: #F00;
  17. }
  18. a[href^="http:"]:hover {
  19.       background-color: #FAF3EC;
  20.       color:#666;
  21. }

Ver ejemplo funcionando

Otra aplicación podría ser marcar de un modo distinto los enlaces a correo electrónico:

  1. a[href^="mailto:"]

Fuente | webintenta

| Share





Alumnos, Books - nov 28, 2009 8:30 - 0 Comments

Ricardo Vinent, antiguo alumno y diseñador vital.

Más en Books


Alumnos - dic 14, 2011 12:43 - 0 Comments

Portafolio: Sr. Mulas Diseño Gráfico.

Más en Alumnos


Usabilidad - sep 11, 2009 8:21 - 0 Comments

Diseñador, programador y usuario.

Más en Usabilidad