Multi-colored Popular Posts

Mai intai adaugati Popular Posts pe blog.
Tablou de bord
Adaugati un obiect gadget
Postari populare
Salvati


Multi-colored Popular Posts:

Tablou de bord
Sablon
Editati HTML
Ctrl+F (se va deschide casuta de cautare)aici tastati <b>]]></b:skin>

Copiati codul de mai jos inainte de codul de mai sus:<!-- Popular posts multi colored UI theme --><br> #PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}<br> #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}<br> #PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}<br> #PopularPosts1 ul li:first-child:after{content:"1"}<br> #PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}<br> #PopularPosts1 ul li:first-child + li:after{content:"2"}<br> #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}<br> #PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br> #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}<br> #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br> #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}<br> #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br> #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}<br> #PopularPosts1 ul li:first-child:after,<br> #PopularPosts1 ul li:first-child + li:after,<br> #PopularPosts1 ul li:first-child + li + li:after,<br> #PopularPosts1 ul li:first-child + li + li + li:after,<br> #PopularPosts1 ul li:first-child + li + li + li + li:after,<br> #PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,<br> #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}<br> #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}<br> #PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}<br> #PopularPosts1 ul li a:hover{color:#222;text-decoration:none}<br> #PopularPosts1 img{<br> -moz-border-radius: 130px;<br> -webkit-border-radius: 130px;<br> border-radius: 130px;<br> -webkit-transition: all 0.3s ease;<br> -moz-transition: all 0.3s ease;<br> transition: all 0.3s ease;<br> padding:4px;<br> border:1px solid #fff !important;<br> }<br> #PopularPosts1 img:hover {<br> border-radius: 0 0 0 0;<br> -moz-transform: scale(1.2) rotate(-711deg) ;<br> -webkit-transform: scale(1.2) rotate(-711deg) ;<br> -o-transform: scale(1.2) rotate(-711deg) ;<br> -ms-transform: scale(1.2) rotate(-711deg) ;<br> transform: scale(1.2) rotate(-711deg) ;<br> }<br> <!-- popular posts multicolored UI theme --><b>