English Português

Como muchos saben, mediante CSS es posible manejar la apariencia de los links, ya sean activos, al pasar el mouse encima y los visitados. Y en este artículo te mostraremos algunas opciones de estilos para los links ya visitados en nuestro sitio y de este modo ayudar a nuestro usuarios a diferenciar lo que ya vio de lo que no.

Efecto: Tachado
Ejemplo: Link visitado
Código:

a:visited {
text-decoration: line-through;
}

Es un efecto sencillo pero efetivo.

Efecto: Subrayado personalizado
Ejemplo: Link visitado
Código:

a:visited {
border-bottom: 1px dotted #6c6c6c;
text-decoration: none;
}

Sencillo y personalizable.

Efecto: Icono lateral
Código:

a:visited {
padding-right: 12px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/RliVkJya0kI/AAAAAAAABks/zwQFwD937-g/s1600/icono-visitado.gif) no-repeat 100% 50%;
}

Es una forma más gráfica y muy personalisable.

Efecto: Texto indicativo.
Ejemplo: Link visitado YA VISITADO
Código:

a:visited:after {
content: " (YA VISITADO)";
font-size: 60%;
text-transform: uppercase;
color: #777;
}

Este método usa pseudoelementos, por lo que no funciona en las versiónes anteriores de IE7.

Son métodos faciles de utilizar y muchas veces muy utiles.

Encuentra más sobre esto en maratz

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Nachio… / Hace 10 años /

      Si, pero te has olvidado donde colocar al código!

      Responder a Nachio… →
    2. Francisco / Hace 10 años /

      Lo que pasa es que este código no es sólo para Blogger, sino para cualquier sitio o blog. Va en la hoja de estilos y en el caso de blogger, sobre

      ]]></b:skin>

      Igualmente gracias por el apunte.

      Responder a Francisco →
    3. SpamLoco / Hace 10 años /

      En Blogger de todas formas siempre exíste la posibilidad de diferenciar con colores los links visitas y los que no.

      Responder a SpamLoco →
    4. Francisco / Hace 10 años /

      Claro, es la forma más usual y es efectiva, están son algunas unas opciones más 😉

      Responder a Francisco →
    5. c.bautista / Hace 8 años /

      jaja, creo que esto de los blog’s, tiene su dark-side ahora ya no saben como incrustar un codigo tan sencillo y de úso tan común como CSS (en términos de codigos de úso fácil). en fin. hay que sentarse a intentar analizar más las cosas que usamos (aunque sea por colores…)

      Responder a c.bautista →
    6. Nicolas Dominguez / Hace 2 años /

      Holaaa les traigo este link que es muy bueno donde te registras a traves de facebook o twiter y con apuestas de futbol , tenis , etc .
      Puedes ganar muchos premios desde un antivirus hasta una playstation 4 y es muy facil CHAU 😀

      Responder a Nicolas Dominguez →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad