Pseudo-clase :visited
0 COMENTARIOS - Publicado hace 54 meses - Clasificado en: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:
- As3: El evento mouseLeave y el método addEventListener
- SafariTest
- Free Letter Pressed Icons
- Fast Icons
- Andrzej Orlowski
- Lo mejores diseños con CSS del 2007
- 80 Tutoriales, Sets Vectoriales, Pinceles y otros Recursos para Illustrator
También te puede interesar:
| PDFTextOnline: Extrae el texto de un PDF | Simple Javascript Accordions | Tabifier: identar código HTML y CSS | Tutorial de Photoshop: Crear un paisaje terrorífico | Cómo crear una tarjeta de Navidad en Photoshop |





















diseño web valencia en 500 iconos gratuitos para tus aplicaciones web




