» »

Красивый вид материалов новостей (Темный)


Красивый вид материалов новостей (Темный)

В дизайне материала понравился желтый обвод картинки, который меняется если вы хотите увеличить ее. А так красивый вид материалов новостей, красивый дизайн мне понравился, увеличения нет, но картинку так прекрасно видно, без всяких кликов. Подойдет по своим стилям которые идут вмести с кодом ко многим шаблонам у которых темная гамма цвета или оттенка его.
Приступаем к установке:
Заходим в 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>
19.06.2012 Загрузок: 2 Просмотров: 943 Комментарий: (7)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
yurik
yurik 19.08.2013 00:231
0
пфф, вы когда файлы добавляете вы проверяйте их пожалуйста, а то пользователи отворачиваться будут ((((
yurik
yurik 19.08.2013 00:232
0
кривоват просто напросто
Delete
Delete 19.08.2013 09:523
0
yurik, по скрину видно что он проверялся...
๖ۣۜInspire
๖ۣۜInspire 19.08.2013 11:394
0
yurik, это у вас, наверное, css стили пересекаются вот и криво
yurik
yurik 19.08.2013 23:235
0
N_O_O_B, может быть но нафига вылаживать?
yurik
yurik 19.08.2013 23:246
0
Supermenыч, криво потому что архива нееет! - не тупи.
Kosten
Kosten 20.08.2013 00:227
0
yurik, думаю хватит блоть включат, Supermenыч, что тебе брат чтоб так общаться. По поводу архива ты прав, исправил.
avatar