Postagens mais vistas- modelo 1

Views:
MODELO 1



COLE O CÓDIGO ABAIXO ANTES DE  ]]></b:skin>


/*** Postagens populares by Elaine Gaspareto ***/
.popular-posts ul {
padding: 0;
margin: 0;
counter-reset: popcount;
}
.popular-posts ul li {
list-style: none !important;
float: left;font-family:'Oswald',Arial,Tahoma,sans-serif;
position: relative;
width: 48%;
height: 130px;
overflow: hidden;
margin: 2px;
padding: 0 !important;
border: 0;
}
.PopularPosts .item-thumbnail {
width: 100%;
margin: 0;
}
.PopularPosts ul li img {
float: left;
display: block;
height: 130px;
width: 100%;
padding: 0;
-webkit-transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-o-transition-duration: 1.0s;transition:1.0s;
}
.PopularPosts ul li img:hover {
overflow: hidden;
transform:scale(1.06);
-webkit-transform:scale(1.06);
-moz-transform:scale(1.06);
-o-transform:scale(1.06);
}
.PopularPosts .item-title {
position: absolute;
right: 0;
left: 0;
bottom:0;padding-bottom: 0;
z-index: 999;
}
.PopularPosts .item-title a {
display: block;padding: 5px 0px 2px 5px;
background: rgba(32, 32, 32, 0.77);
text-transform: none;
font-size: 12px;
color: #fff;
line-height: normal;
transition: all .4s ease-in-out;
}
.popular-posts ul li:hover .item-title a {
background: #a054c0;
color: #ffffff;
text-decoration: none;
}
.popular-posts ul li:before {
counter-increment: popcount;
float: left;
position: absolute;
content: counter(popcount, decimal);
list-style-type: none;
background: #e2e2e2;
top: 0;
font-size: 14px;
color: #000;
line-height: 20px;
padding: 0px 8px 1px 1px;
z-index: 4;
border: solid #FFF;
border-radius: 0px 0px 10px 0px;
border-width: 0px 2px 2px 0px;
}



COLE O CÓDIGO JAVASCRIPT ACIMA DE </body>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script type='text/javascript'>
$(&#39;.popular-posts img&#39;).attr(&#39;src&#39;, function(e, t) {
return t.replace(&#39;/w72-h72-p-nu/&#39;, &#39;/s350-c/&#39;)
});
$(&#39;.popular-posts ul li .item-snippet&#39;).each(function(){
var txt=$(this).text().substr(0,60);
var j=txt.lastIndexOf(&#39; &#39;);
if(j&gt;10)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,&#39;...&#39;));
});
$(&#39;.popular-posts ul li .item-content a&#39;).each(function(){
var txt=$(this).text().substr(0,60);
var j=txt.lastIndexOf(&#39; &#39;);
if(j&gt;=6)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,&#39;...&#39;));
});
</script>



Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage