Pseudo-clase :visited
Por medio de la pseudo-clase :visited, podemos definir el estilo para los links que aparecen en nuestras páginas y que ya han sido visitados. La forma más sencilla serĂa tachando los links que han sido visitados. Es fácil de implementar y visualmente bastante aclarativo para los usuarios:
a:visited { text-decoration: line-through; }
Otra forma, un poco más sofisticada, serĂa anadir una imagen de fondo para indicar que el link ha sido visitado. Dejamos espacio a la derecha (padding-right) para que la imagen no se superponga al texto y colocamos la imagen como fondo:
a:visited {
padding-right: 20px;
background: url(imagenes/visitado.gif) no-repeat 100% 50%;
}
Para ver el efecto. Pincha en cada uno de los links y actualiza la página.Algunas entradas relacionadas:
- 60 conjuntos de iconos vectoriales gratuitos
- Text mining tool
- Más de 200 texturas de madera de alta calidad
- Websiteicons
- Cualquier momento es el apropiado para comenzar un negocio
- Abrir componentes del panel de control desde la lĂnea de comandos
- Cita 19-12-2007
También te puede interesar:
| 40 bonitos conjuntos de iconos seleccionados de deviantART- Parte 2 | Cómo crear un texto con efecto de oro en Photoshop | Cómo bloquear bots y banear direcciones IP con .htaccess | 32 Consejos SEO para aumentar el tráfico de tu sitio web | Añadir reflejos a unas gafas de sol con Photoshop |























Josep Viciana en Twotiny Icon Set




