- Localizar:
]]></b:skin>
</head>
- Código CSS:/*---- POSTAGENS MAIS VISTAS ----*/
.PopularPosts .widget-content ul{
width:100%;
padding:0;
list-style-type:none;
}
.PopularPosts .widget-content ul li{
margin:0 0 10px;
padding-bottom:10px;
position:relative;
overflow:hidden;
}
.PopularPosts .widget-content ul li .item-title{
line-height:1.4em;
padding:6px 10px 0 0;
}
.PopularPosts .widget-content ul li .item-title a{
font-size:14px; /*--- TAMANHO DA FONTE DO TÍTULO--- */
font-weight:400; /*--- PESO DA FONTE DO TÍTULO--- */
color:#111; /*--- COR DA FONTE DO TÍTULO--- */
}
.PopularPosts .widget-content ul li a:hover,.PopularPosts .widget-content ul li:hover a{
color:#aaa; /*--- COR DA FONTE DO TÍTULO HOVER--- */
}
.PopularPosts .widget-content ul li img{
width:130px; /*--- LARGURA DAS MINITURAS--- */
height:110px; /*--- ALTURA DAS MINIATURAS--- */
padding-right:0;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;transition:all .5s ease-out;
-webkit-filter:brightness(.8);
filter:brightness(.8)}
.Label li,.Label li a{
position:relative;
color:#444;
}
.PopularPosts .item-thumbnail{float:left;margin:0 10px 0 0;
width:130px; /*--- LARGURA DAS MINITURAS--- */
height:110px; /*--- ALTURA DAS MINIATURAS--- */
overflow:hidden;
}
.PopularPosts .widget-content ul li img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.PopularPosts .widget-content ul li:before{
color:#444;
counter-increment:count;
content:counter(count);
position:absolute;
left:5px;
top:10px;
z-index:51;
transition:all .4s;
height:30px; /*--- TAMANHO DO CÍRCULO DA NUMERAÇÃO--- */
min-width:30px; /*--- TAMANHO DO CÍRCULO DA NUMERAÇÃO--- */
border-radius:50px; /*--- GRAU DE ARREDONDAMENTO DO CÍRCULO--- */
font-size:17px; /*--- TAMANHO DA FONTE DA NUMERAÇÃO--- */
background:#F9CCD6; /*--- COR DE FUNDO DO CÍRCULO DA NUMERAÇÃO--- */
font-weight:700 !important; /*--- PESO DA FONTE DA NUMERAÇÃO--- */
text-align:center;
padding:3px;
padding-top: 5px;
overflow:hidden;
}
.PopularPosts ul{counter-reset:count}
.PopularPosts .item-control,.PopularPosts .item-snippet{display:none}
- Ajuste de Miniatura:
<script type='text/javascript'>
// Popular Post Thumb
$(document).ready(function() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});
//<![CDATA[
// Custom Popular Post
$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,420),s=t.lastIndexOf(" ");s>10&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function(){$(".item-thumbnail").find("img").attr('src', function(i, src) {return src.replace( 'w72-h72-p-nu', 's500-c' );})});
$(document).ready(function(){$(".item-thumbnail").find("img").attr('src', function(i, src) {return src.replace( 'w72-h72-p-k-no-nu', 's500-c' );})});
$(document).ready(function(){$(".mobile-index-thumbnail").find("img").attr('src', function(i, src) {return src.replace( 's72-c', 's1600' );})});
</script>
VIDEO:
Nenhum comentário:
Postar um comentário