Главная » 2013 » Январь » 7 » Новый вид материалов новостей (Скрипты для ucoz)
07.01.2013, 22:00

Новый вид материалов новостей





Вот решил выложить свой вид материалов для модуля Новости (который разумеется подойдет и для аналогичных ему модулей). Там нет ничего сверхъестественного. Особенностями (хоть и не уникальными) можно назвать то, что он сделан без единой картинки (один CSS) и то, что неактивированная новость заметно отличается по виду от активированой (см. на скрине).


Установка:
1. ПУ - Управление дизайнм - Вид материалов новостей замените всё на:
Код
<div class="nwBorder">
  <?if($NOT_ACTIVE$)?><div class="nwtopN"><?else?><div class="nwtop"><?endif?><div class="nwinf"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>: <a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></div><div class="date">$DATE$</div></div>  
<p style="text-align:center;"></p>
  <?if($IMG_URL1$)?><a class="ulightbox" title="Нажмите, для просмотра в полном размере..." target="_blank" href="$IMG_URL1$"><img src="$IMG_URL1$" style="max-width:100px; max-height:100px;padding:15px;float:left;" alt="$TITLE$" /></a><?else?><img src="http://infoscript.ru/imgs/noscreen.png" style="max-width:60px; max-height:60px;padding:15px;" alt="Нет изображения" /><?endif?>
  <div class="eMessage" style="padding:15px;"> $MESSAGE$</div>
<div style="margin-bottom:10px;clear:both;"></div>
<div class="nwBottom">
  <div style="padding:5px 0 0 25px;"> Просмотров: <b>$READS$</b> | Комментариев: <b>$COMMENTS_NUM$</b> |Категория: <b>$CATEGORY_NAME$</b> |Автор: <b>$USERNAME$</b><div class="nwMore"><a href="$ENTRY_URL$">Подробнее</a></div> </div>
</div>  
<div class="clear"> </div></div>


2. В CSS поставьте:
Код
/* Вид материалов новостей*/
.nwtop {  
height:30px;  
background:#779972;  
color:#FFF;
border:0;
border-radius: 14px 14px 0px 0px;
}  

.nwtop a {
  color:#FFF;
}
.nwtopN {  
height:30px;  
background:#800000;  
color:#FFF;
border:0;
border-radius: 14px 14px 0px 0px;
}  

.nwtopN a {
  color:#FFF;
}
.nwinf {  
font:13px Arial;  
font-weight:bold;  
padding:7px 0 7px 30px;  
float:left;  
}  
.date {  
width:149px;  
font:11px Verdana;  
padding:7px 0 7px 0;  
text-align:center;  
float:right;  
}  
.nwBorder {
border:1px solid;
border-color:#779972;
border-radius:15px;
margin-bottom:10px;
}
.nwBottom {  
height:30px;  
background:#676766;  
border-radius: 0px 0px 14px 14px;
color:#FFF;
}  

.nwMore {
  float:right;
}
.nwMore a {
  padding-right:25px;
  color:#FFF
}
.clear {clear:both; }
/* Вид материалов новостей*/


Готово!
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: InfoScript.ru | sold93
Категория: Скрипты uCoz | Просмотров: 2367 | Добавил: sold93 | Рейтинг: 3.8/5 |
Теги: материалов, новостей, вид, новый
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]