Google+ Followers

Будь в курсе событий!

04.08.2013

Виджет популярные сообщения для blogger

Leave a Comment
Привет, Всем!  Яндекс опять выкинул, часть моих страниц из индекса, надеюсь,  что ненадолго. Вообще Яшка вредина в отличии от гугла. Но сегодня не об этом.


Хочу предложить еще одно интересное оформление Популярных сообщений на платформе blogspotНадеюсь такое оформление кого-то зацепит  и установит себе на блог, и это будет означать, что я не зря проделываю такую работу.

Перед  тегом b:skin> нужно вставить следующий код:

.popular-posts ul{padding-left:0px;}.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif) no-repeat scroll 5px 10px;list-style-type: none;margin:0 0 5px 0px;padding:5px 5px 5px 20px !important;border: 1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}.popular-posts ulli:hover {border:2px solid #1a1a1a;
background:#FFFFFF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
color:#6633FF;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
background:#FFFFFF;}.popular-posts ulli a:hover {text-decoration:none;color:#6633FF;}.popular-posts .item-thumbnail img {webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}


#1a1a1(появляющийся контур при наведении стрелки)- можно заменить на любой другой.

Как работает данный скрипт, вы можете посмотреть на этом блоге.

Вот и все.  Надеюсь, статья оказалась для вас полезной). До скорых встреч. Па-па.

Система Orphus

0 коммент. :

© 2012-2017 Cash's from program