Dandome una vuelta por Xyberneticos, encontré esta exelente forma de crear un efecto de redondeado, sin la necesidad de estar recuerriendo a los programas de edición de imágenes.
Con la ayuda de una pequeña librería Javascript (Glossy.js 1.3).
El efecto que lograremos será el siguiente:
Primero vamos a Plantilla/Edición HTML, agregamos en nuestro encabezado, antes de la etiqueta </header> lo siguiente:
<script type="text/javascript" src="http://URL DONDE ALOJASTE EL .JS DEL ZIP">
y guardamos los cambios.
Ahora, cada vez que deseamos usar este recurso, agregamos a nuestras imágenes la clase “glossy”
<img src="URL DE LA IMAGEN" class="glossy" />
También podemos varias el radio del efecto agregando “iradius” seguido por el radio deseado en porcentaje clase “iradius25” (min=20 max=50 default=25 del radio)
La foto del ejemplo posee un radio de 35.
<img src="URL DE LA IMAGEN" class="glossy iradius25" />
También podremos variar el color del gradiente agregando "igradient" seguido por el color deseado
(Max=ffffff min=000000 default=0)
<img src="URL DE LA IMAGEN" class="glossy igradient000000" />
Además también podemos variar el color de fondo agregando "ibgcolor" seguido por el color deseado expresado en hexadecimal: (max=ffffff min=000000 default=0)
<img src="URL DE LA IMAGEN" class="glossy ibgcolor000000" />
Este truco también lo vi en Gemablog-
Seguir Leyendo...[+/-]
