Ajuda com posts populares

  • Autor Autor Jhon de la Vega
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Jhon de la Vega

Jhon de la Vega

Dseda
Social Media
Verificado
Verificación en dos pasos activada
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.

Sin título.webp

Alguien pueda ayudarme por favor. DEJO EL CSS:

Inserir CODE, HTML ou 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;}
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Esto no es CSS hermano...

lo que debes hacer es buscar </body> y antes de este agregar el siguiente codigo:
Inserir CODE, HTML ou 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 ?
 
Voltar
Topo