Una practica técnica para crear mediante CSS una especia de estampillas con nuestras imágenes. No se que tan útil podrá ser para tus proyectos, pero quien sabe, por ahí en el futuro sientas deseos de utilizarlo en alguna sección. Todo sirve, todo sirve.
Ver demo
Nuestro CSS
CSS:
.estampilla{
border:5px dotted #fff !important;
padding:4px;
background:#ccc !important;
border:5px dashed #ccc;
}
border:5px dotted #fff !important;
padding:4px;
background:#ccc !important;
border:5px dashed #ccc;
}
Uso: Simplemente agregamos la clase estampilla a nuestras imágenes
HTML:
<img alt="tip" class="estampilla" src="imagen.jpg">
Loading ...
juanu
18-12-2007
Permalink
Siiiiii lo pensé y lo leí al mismo tiempo jaja!
Todo sirve, todo sirve... ja! Esperemos... muy bueno! sisi!
Saludos Nikko!
Francisco Javier Trujillo
18-12-2007
Permalink
Excelente trukillo. Gracias
Miguel A Manrique
18-12-2007
Permalink
Estupendos vuestros consejos, sois fenomenales. Os he descubierto hace poco, y os voy a enlazar para la sección de agentes. Un saludo
Pablo
18-12-2007
Permalink
hola Nikko, te comento que me gusta mucho tu blog, pero como soy principiante muchas cosas no entiendo, me gustaria que me digas por donde comenzar para diseñar webs, si tenes tiempo mandame un mail, saludos, excelente tu blog
QuixoBlog » Blog Archive » Effetto Francobollo alle immagini tramite CSS
18-12-2007
Permalink
[...] [Fonte] [...]
Eduardo Cesario
18-12-2007
Permalink
Hola, llegue a tu site por una amiga. Me parece muy interesante la variedad de articulos que publicas. Yo trabajo mucho con xhtml strict y css, tengo mi estudio de disenio, y un blog, donde publico articulos de mi autoria sobre usabilidad, fotografia y diseño. Te felicito por tu blog, y espero que visites el mio cuando gustes. Un abrazo, Eduardo.
» Applicare un effetto francobollo alle immagini in css Geekissimo
18-12-2007
Permalink
[...] Via | Xiberneticos.com [...]
joaclint
18-12-2007
Permalink
Buenas. yo no soy muy entendido en el asunto. Como no soy programador intento conseguir los efectos usando el editor gráfico de CSS de KompoZer. Por lo general suelo hacer un tuto con mis prácticas. El asunto es que a mi me sale el efecto sin la necesidad de la última línea de border...
Y consecuentemente sin poner !important en el primer border.
¿Qué significa esa última línea?. ¿Para qué sirve realmente?.
Muchas gracias de antemano.
Guy Piot » Crea tus propias estampillas con CSS
18-12-2007
Permalink
[...] sientas deseos de utilizarlo en alguna sección. Todo sirve, todo sirve. Ver demo Nuestro CSS PLAIN TEXT [...]