Web

Slideoo: slides horizontales de Flickr en tu web

1

En el afán de reestructurar mi web y haciéndole un lavado de cara, andaba buscando algo que muestre mis fotos de flickr sin necesidad que sean todas a la vez y que mas bien vea algo destacado y rápido. Pero quería ponerlo en el footer de mi web, puesto que ya tengo una galería mas completa en una sección específica.

Buscando, me topé con Slideoo, un servicio online para crear un widget horizontal para ponerlo en tu web o blog . Habría probado un par anteriormente, pero no me terminaban de gustar, puesto que no eran tan versátiles. Los típicos widgets pequeños y que no permiten ampliar  y editar opciones.

Con Slideoo  basta nada mas saber tu ID de Flickr y el resto es muy configurable.  Puedes elegir entre tus Colecciones (Your Sets)  o tus Galerías para mostrar.

Si eliges colecciones, tendras que elegir una por vez. A mi me gusta esto puesto que mostrarás una referencia breve de el todo de esa colección. Y luego, mas adelante podrás cambiarla.

Si eliges Galería (Your Photostream) simplemente tienes que configurar el tamaño horizontal en pixeles o porcentaje , el tamaño de la imagen (square,thumbnail,medium, big) y en número de fotos a mostrar y elegir finalmente que salgan en orden o aleatoriamente (randomize).

¿Sencillo verdad?. Aquí les dejo un par de ejemplos distintos a lo que ya tengo abajo en mi footer

 

Usando una colección de 550px en el mayor tamaño (Big)

Otra colección del mismo tamaño pero con Thumbnails

Corregir error de superposición de Videos Youtube en imágenes y menús

3

Últimamente me encontraba que al publicar un video en una parte de un post o una web en general, si no estaba rodeado de otro elemento que no sea flash todo perfecto.

Pero si por casualidad o simplemente por que así tenemos distribuida nuestra web, colocamos un video YouTube embebido y cerca hay una imagen a la cual le damos clic y se maximiza o produce un popup, pues simplemente el video se superpone a esa imagen, invasivamente y le quita estética y se ve totalmente mal nuestro trabajo.

Buscando y buscando y rompiéndome la cabeza, encontré la solución que es rápida,practica y efectiva. Añadirle una porción de código o una sentencias al que nos proporciona YouTube para incrustar en nuestra web.

solo se trata de añadir lo siguiente: ?wmode=opaque

De ahí que si nuestro código es:

<iframe width="250" height="140" src=”http://www.youtube.com/embed/3GllObylaSM?” frameborder="0" allowfullscreen>

hay que añadir al final del código del vídeo la terminación que señalamos, y quedaría asi

<iframe width="250" height="140" src=”http://www.youtube.com/embed/3GllObylaSM?wmode=opaque” frameborder="0" allowfullscreen>

De este modo no veremos mas superpuesto el video sobre cualquier imagen o menú. Y nuestra web aparecerá limpia.

Ir arriba