Интересное оформление популярных сообщений

Привет Всем.  Вот и прошла первая половина лета.  Эта половина была насыщена на события выход на работу, три дня отдыха на море со свекровью, отправка сына в лагерь. Самое тяжелое и психологически непреодолимое событие. Первый раз в жизни от меня уехал сын на 10 дней. Уехал далеко, можем только созваниваться не больше…

Ну не будем о моей жизни. Сегодня я пришла к вам с оформлением виджета популярные сообщения. Возможно, кому-то такое оформление понравится.

Сейчас такое оформление весит у меня на блоге, но скорей всего я его поменяю позже. Так что пробуйте)))

Код вставьте перед тегом :

</b:skin>

.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;
list-style-type: none;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;height: 40px;-moz-box-shadow: 3px 2px 5px #242424;-webkit-box-shadow: 3px 2px 5px #242424;box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 45px;}.popular-posts ul li a {font-style: italic;}.popular-posts ul li:hover {border:1px solid #d10202;
 -moz-box-shadow: 3px 2px 5px #d10202;-webkit-box-shadow: 3px 2px 5px #d10202;box-shadow: 3px 2px 5px #d10202;}.popular-posts ulli a:hover {text-decoration:none;}.popular-posts .item-thumbnail img {height:40px;width:45px;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);}.popular-posts .item-thumbnail img:hover{-moz-box-shadow: 0px 0px 5px #d10202;-webkit-box-shadow: 0px 0px 5px #d10202;box-shadow: 0px 0px 5px #d10202;}

#242424- фон до наведения курсора

#d10202 – фон при наведении курсора

Если возникнут вопросы задавайте! До скорых встреч Па-па.

Пожалуйста не забывайте нажать