Enmarcando fotos en el blog …

Jun 27

Enmarcando fotos en el blog …

Por Tragy, publicado el 27 de Junio, 2007 | 3 comentarios

Googleando me he encontrado con un pequeño javascript, que añadido al blog, permite insertar facilmente fotos enmarcadas (conocido como “efecto polaroid” por los photoshoperos…)

Su instalación es facilita, basta con ir a la web de Instant y descargar el script.

El archivo que nos interesa es “Instant.js”, que tendremos que subir a nuestro host. Como blogger no deja alojar archivitos, pues he tirado de iespana para alojar el archivo. Para habilitarlo en blogger es muy fácil, en otros blogs tiene que serlo también. Basta con ir a Edición de HTML en el diseño del blog. Ahí, entre las etiquetas <head> y </head> insertamos lo siguiente:
<script type="text/javascript" src="http://nuestrositio.algo/instant.js"></script>

Así el script ya queda listo, y solo queda saber como se postean las imágenes en los artículos.

He aquí la imagen original…

Ahora, con
<img class="instant" src="imagen.jpg">
la vemos así:

El lado hacia el que se inclina es aleatorio, luego vemos como escogerlo.

Podemos cambiar la opacidad de la sombra con ishadow. Por defecto, si no se pone el parámetro, toma el valor 33, y en el ejemplo se le da un valor 90:
<img class="instant ishadow90" src="imagen.jpg">

Y tambien escoger la inclinación de la foto, con “itiltleft”, “itilright”, o “itiltnone”:
<img class="instant itiltleft" src="imagen.jpg">

Cambiamos el color del marco, usando valores hexadecimales…
<img class="instant icolorCC0000" src="imagen.jpg">

Y por último, podemos combinar todos los anteriores:
<img class="instant ishadow90 itiltright icolorCC0000" src="imagen.jpg">

Espero que a alguien le sea útil! Como dije, lo encontré googleando, aunque gracias a este artículo de Xyberneticos me fue todo mucho mas fácil.

Edito: En mi blog no se aprecia muy bien el efecto de la sombra, ya que al ser el fondo negro, solo se ve el brillo añadido a la foto… Echad un vistazo en los links que pongo, para ver lo que hace la sombra en realidad.