febrero 19, 2009
Publicado en Artículos,CSS,Desarrollo Web,Diseño,Maquetación,Personalización | Comments off
Integrar fotos directamente desde Flickr
Para aquellos que me han preguntado cómo integrar sus imágenes de Flickr a sus blog sin recaer en la utilización de algún plugin para tal fin, una simple forma es la que utilizo yo en mi blog, directamente haciendo la llamada desde Flickr. Tan solo es necesario cambiar en el código nuestro id de usuario y la cantidad de imágenes que tenemos pensado mostrar.
Codigo:
<span style=“color:#0063DC”>Flick</span><span style=“color:#FF0084″>r</span>
<div class=“flickr”>
<div class=“flickr”>
<script type=“text/javascript” src=“http://www.flickr.com/badge_code_v2.gne?count=4&display=latest&size=s&layout=h&source=user&user=14412260@N08″></script>
</div>
count=4 Cantidad de fotos a mostrar
user=14412260@N08 nuestro ID de usuario
Agregando estilo:
CSS:
.flickr a img{
float:left;
background: #F0F0F0;
border: 1px solid #dedbd1;
margin: 4px 9px 4px 0px;
padding: 7px;
list-style:none;
}
.flickr img:hover{
background: #ebe9e1;
border: 1px solid #dedbd1;
}
float:left;
background: #F0F0F0;
border: 1px solid #dedbd1;
margin: 4px 9px 4px 0px;
padding: 7px;
list-style:none;
}
.flickr img:hover{
background: #ebe9e1;
border: 1px solid #dedbd1;
}