Ayuda con post populares

  • Autor Autor Jhon de la Vega
  • Fecha de inicio Fecha de inicio

Jhon de la Vega

Dseda
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Hola betas.

Tengo un problema espero que pueda nayudarme por favor, lo que pasa es que antes tenia imagenes pequeñas.

eran de 72px x 72px

Y bueno yo las agrande para que se vena de una mejor forma. pero el resultado es pesimo. me salio así todo borroso.



Alguien pueda ayudarme por favor. DEJO EL CSS:

Insertar CODE, HTML o PHP:
/* CSS Popular Posts */
.PopularPosts .widget-content ul{list-style-type:none;overflow:hidden;}
#PopularPosts1 ul li .item-thumbnail{overflow:hidden;float:right;margin-left:0px;padding:1px;
background:#151515;}
#PopularPosts1 img {overflow:hidden;width:300px;height:250px;-ms-transform: scale(1.0);-webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;}
#PopularPosts1 img:hover{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;}
.PopularPosts .widget-content ul li{position:relative;padding:10px 0;margin:0 auto;
background:#303030;transition:all 0.3s ease-out;border-bottom:1px solid #202020;border-top:1px solid #444;}
.PopularPosts .widget-content ul li:first-child {border-top:none;}
.PopularPosts .widget-content ul li:last-child {border-bottom:none;}
.PopularPosts .widget-content ul li a{color:#bbb;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li a:hover{color:#fff;}
.PopularPosts .widget-content ul li:hover{color:#fff;}
.PopularPosts .widget-content{background:#303030;}
.PopularPosts .item-thumbnail{float:left;padding:0;margin:0;}
.PopularPosts .item-title {color:#bbb;font-weight:300;font-size:13px;padding:5px;}
.PopularPosts .item-snippet {display:none;}
 
Esto no es CSS hermano...

lo que debes hacer es buscar </body> y antes de este agregar el siguiente codigo:
Insertar CODE, HTML o PHP:
<script type='text/javascript'>
function redimin(id,size){
var artilugio = document.getElementById(id);
var sustitucion = artilugio.innerHTML;
artilugio.innerHTML = sustitucion.replace(/s72-c/g,"s"+size+"-c");
var imagenes = artilugio.getElementsByTagName("img");
for(var i=0;i&lt;imagenes.length;i++){ imagenes[i].width = size; imagenes[i].height = size; }
}
redimin("PopularPosts1",200);
</script>

donde dice redimin("PopularPosts1",200); es donde debes poner el nombre del widget que deseas modificar

salu2
 
[MENTION=146596]MixViral[/MENTION] gracias me sirvio, pero aun tengo un error.. NP puedo ?