ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Темный вид новостей для сайта uCoz в стиле ZR

Темный вид новостей для сайта uCoz в стиле ZR

Темный вид новостей для сайта uCoz в стиле ZR
Вот нашел в интернете не слабый вид новостей, маленько подправил, получился на мой взгляд красивый, для темных дизайн сайтов, в виде так же присутствует увеличение при клике картинка, также красивый ранг, да по дизайну выполнен шикарно. Что самое главное еще раз подчеркну полностью рабочий вид.
Приступаем к установке:
Идем в наш админ панель вид новостей и в виде материалов заменяем код , старый убираем а наш новый прописываем и все сохранить, на этом все вид установлен, РАДУЕМСЯ.
Код
<style type="text/css" media="all">  
  @import url(http://zornet.ru/zornet_ru5/highslide.css);  
  </style>  
  <script type='text/javascript' src=' http://zornet.ru/zornet_ru5/highslide.js '></script>  
  <script type='text/javascript' src=' http://zornet.ru/zornet_ru5/include_highslide.js '></script>  
  <script type="text/javascript">  
  hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';  
  </script>  

  <style type="text/css">  
  .news {  
  height: auto;  
  width: 758px;  
  }  
  .title_new {  
  background-image: url(http://zornet.ru/zornet_ru5/new_t.png);  
  height: 32px;  
  width: 752px;  
  font-family: Tahoma, Geneva, sans-serif;  
  font-size: 12px;  
  color: #CCC;  
  font-weight: bold;  
  padding-top: 15px;  
  text-align: center;  
  }  
  .view_new {  
  background-image: url(http://zornet.ru/zornet_ru5/new_v.png);  
  height: 16px;  
  width: 723px;  
  font-family: Tahoma, Geneva, sans-serif;  
  color: #666;  
  font-size: 11px;  
  padding-left: 29px;  
  padding-top: 2px;  
  background-repeat: no-repeat;  
  }  
  .body_view {  
  font-family: Tahoma, Geneva, sans-serif;  
  font-size: 11px;  
  color: #CCC;  
  background-image: url(http://zornet.ru/zornet_ru5/new_b.png);  
  background-repeat: no-repeat;  
  padding-top: 10px;  
  padding-right: 27px;  
  padding-bottom: 10px;  
  padding-left: 27px;  
  }  
  .footer_new {  
  background-image: url(http://zornet.ru/zornet_ru5/new_f.png);  
  background-repeat: no-repeat;  
  font-family: Tahoma, Geneva, sans-serif;  
  font-size: 11px;  
  padding-top: 11px;  
  padding-right: 15px;  
  padding-bottom: 11px;  
  padding-left: 15px;  
  color: #999;  
  }  
  .img_new {  
  background-image: url(http://zornet.ru/zornet_ru5/new_img.png);  
  height: 124px;  
  width: 126px;  
  padding-top: 14px;  
  padding-right: 19px;  
  padding-bottom: 14px;  
  padding-left: 19px;  
  }  
  body {  
  background-color: #000;  
  }  
  .message_new {  
  height: auto;  
  width: 530px;  
  margin-top: -152px;  
  float: right;  
  }  
  .rang_new {  
  float: right;  
  }  
  </style>  

  <div class="news">  
  <div class="title_new"><a href="$ENTRY_URL$">$TITLE$</a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></div>  
  <div class="view_new"><a href="$ENTRY_URL$">Смотреть</A></div>  
  <div class="body_view"><div class="img_new"><a title="$TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img width="130px" height="120px" src="$IMG_URL1$" alt="Новость на тему $TITLE$"></a></div><div class="message_new">$MESSAGE$</div></div>  
  <div class="footer_new">Добавил: <b><a href="$PROFILE_URL$"> $USERNAME$</A></B> | Просмотров: <B>$READS$</B> | Добавлено: <b>$DATE$</b> | Комментариев: ( <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a> )<div class="rang_new"> <?if($RATING$)?><div style="float:right"><?$RSTARS$('17',' http://zornet.ru/zornet_ru5/rating.png ','1','float')?></div><?endif?> </div></div>  
   
  </div>  
  <BR>
05 Августа 2012 Просмотров: 3242 Комментариев: (7)

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

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

Оставь свой отзыв

Комментарии: 1
kredit-oformi
kredit-oformi 16 Января 2016 01:191
0
иногда чтобы сделать ресурс привлекательным очень полезным бывает смена вида новостей, на мой взгляд именно такой можно попробовать на темный дизайн сайта, так что стоит попробовать думаю, если буду делать темный дизайн))
avatar