jueves, 11 de septiembre de 2014

Ultimas entradas por etiquetas
mostrarlas divertidas


















...Que os parece este aporte,
es una variante de un generador de entradas por etiquetas de mi admirado Sevillista, lo he modificado un poco en su estilo para hacerlo más sencillo y fácil de explicar su contenido y lo que puede variarse, el original en redondo, lo encontrareis en su blog.




EL CODIGO AQUÍ


<style type="text/css">
/*<![CDATA[*/
/* Aqui la imagen y sus estilos dandole un valor a todo lo que pone radius se volvera redondo */
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:2px solid #cccccc;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#fff;margin-right:10px;height:70px;width:70px}
/*aqui el giro de la imagen*/
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#3B2020}
/*aqui la anchura del gadget*/
.label_with_thumbs{float:left;width:80%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:3px}
/*aqui el tamaño y el color del titulo*/
.label_with_thumbs a{color:#3B2020;font-size:10pt;outline:0;text-decoration:none}
/*aqui el color de los link al pasar el raton*/
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#FF5886}.credits,.credits a{font-size:10px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}
/*aqui el color y la letra del cuadradito de numero de comentarios*/
#mdcomments{padding:2px 10px;background:#B13612;color:#fff!important;font-size:10px;font-weight:100} 
/*aqui lo mismo pero al pasar el raton*/
#mdcomments:hover{background:#F37365;text-decoration:none}
/*]]>*/
</style><br />
<script type="text/javascript">
//<![CDATA[
var numposts =3; 
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum =true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 80;
//]]>
</script><br />
<script src="https://dl.dropboxusercontent.com/u/54259066/generarpostrecientes.js" type="text/javascript"></script><br />
<script src="http://tecnicablogg.blogspot.com.es/feeds/posts/default/-/CÓDIGO?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript"></script></div>


<div>
<style type="text/css">
/*<![CDATA[*/
/* Aqui la imagen y sus estilos dandole un valor a todo lo que pone radius se volvera redondo */
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:2px solid #cccccc;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#fff;margin-right:10px;height:70px;width:70px}
/*aqui el giro de la imagen*/
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#3B2020}
/*aqui la anchura del gadget*/
.label_with_thumbs{float:left;width:80%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:3px}
/*aqui el tamaño y el color del titulo*/
.label_with_thumbs a{color:#3B2020;font-size:10pt;outline:0;text-decoration:none}
/*aqui el color de los link al pasar el raton*/
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#FF5886}.credits,.credits a{font-size:10px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}
/*aqui el color y la letra del cuadradito de numero de comentarios*/
#mdcomments{padding:2px 10px;background:#B13612;color:#fff!important;font-size:10px;font-weight:100}
/*aqui lo mismo pero al pasar el raton*/
#mdcomments:hover{background:#F37365;text-decoration:none}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var numposts =5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum =true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 80;
//]]>
</script>
<script src="https://dl.dropboxusercontent.com/u/54259066/generarpostrecientes.js" type="text/javascript"></script>
<script src="http://tecnicablogg.blogspot.com.es/feeds/posts/default/-/CSS?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script></div>

7 comentarios :

Entradas populares

MI DEBILIDAD