Красивый вид материалов новостей (Темный)
 | |
| В дизайне материала понравился желтый обвод картинки, который меняется если вы хотите увеличить ее. А так красивый вид материалов новостей, красивый дизайн мне понравился, увеличения нет, но картинку так прекрасно видно, без всяких кликов. Подойдет по своим стилям которые идут вмести с кодом ко многим шаблонам у которых темная гамма цвета или оттенка его. Приступаем к установке: Заходим в CSS и вставляем этот стиль. Код /* Вид материалов by ZORNET.RU */ .news_v1 {background:url('/img/news_v1.png');width:5px;height:31px;float:left} .news_v2 {background:url('/img/news_v2.png');margin:0px 5px;height:23px;color:#e0a913;font:bold 9pt Arial;text-shadow:0.1em 0.1em 0.05em #000;padding-left:12px;padding-top:8px} .news_v3 {background:url('/img/news_v3.png');width:5px;height:31px;float:right} .news_v2 a:link {text-decoration:none; color:#e0a913} .news_v2 a:active {text-decoration:none; color:#e0a913} .news_v2 a:visited {text-decoration:none; color:#e0a913} .news_v2 a:hover {text-decoration:none; color:#ffdf87} .news_n1 {background:url('/img/news_n1.png');width:5px;height:5px;float:left} .news_n2 {background:#292929;margin:0px 5px;height:5px} .news_n3 {background:url('/img/news_n2.png');width:5px;height:5px;float:right} .news_c {background:#292929;padding:7px} .niz_news {-moz-border-radius:7px;border-radius:7px;border:1px solid #494949;padding:5px 10px;color:#ababab;text-shadow:0.1em 0.1em 0.05em #000} .niz_news a:link {text-decoration:none; color:#ababab;} .niz_news a:active {text-decoration:none; color:#ababab;} .niz_news a:visited {text-decoration:none; color:#ababab;} .niz_news a:hover {text-decoration:none; color:#fff;} /* ----------------------------- */ Этот код вставляем в вид материалов новостей, прежний код сносим, и радуемся сто у вас новый вид новостей. Код <div style="padding-bottom:5px"></div></div><div id="entryID1155"><div class="news_v1"></div> <div class="news_v3"></div> <div class="news_v2"><a href="$ENTRY_URL$">$TITLE$</a> </div> <div class="news_c"> <table cellpadding="0" cellspacing="0"> <tr> <td valign="top"><img src="$IMG_URL1$" style="margin-right:7px;margin-bottom:4px;width:160px;-moz-border-radius:5px;border-radius:5px;border:3px solid #e0a913"></td> <td valign="top">$MESSAGE$</td> </tr></table> <div class="niz_news">Теги: $TAGS$Теги не указаны</div> <div style="padding-bottom:5px"></div> <div class="niz_news"> Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> | Просмотров: $READS$ | Комментариев: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a> | Рейтинг: $RATING$ </div> </div> <div class="news_n1"></div> <div class="news_n3"></div> <div class="news_n2"></div> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 7 | |
|
| |
