Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Тёмный вид-материалов для uCoz
13.11.2018
Тёмный вид-материалов для uCoz
  • 675 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 3.0 Рейтинг:
  • (Голосов: 1)
Описание:
Вид материалов с увеличением изображения (Темный) для Ucoz. Выглядит интересно и красиво. В темном стиле подойдёт для тёмных дизайнов.

Установка:

1. В Вид-материала (Новости сайта или Каталог файлов) ставим код:

Код
<style>.vid_mater {  
  padding-bottom:7px;  
  }  

  .vid_mater .vid_title {  
  background:url(http://7old.ru/ucoz-files/1/vid_matererialik.png) no-repeat 0 0;  
  height:41px;  
  }  

  .vid_mater .vid_title_in {  
  background:url(http://7old.ru/ucoz-files/1/vid_matererialik.png) no-repeat right -42px;  
  height:41px;  
  padding:0 5px 0 0;  
  }  

  .vid_mater .vid_title,  
  .vid_mater .vid_title a {  
  color:#a8a7a7;  
  font-family:Arial;  
  font-size:12px;  
  font-weight:bold;  
  text-align:left;  
  line-height:42px;  
  text-indent:6px;  
  }  

  .vid_mater .vid_title a:hover {  
  border-bottom:1px dashed #a8a7a7;  
  text-decoration:none;  
  }  

  .vid_mater .vid_cont {  
  background:url(http://7old.ru/ucoz-files/1/bg_2.png);  
  overflow:hidden;  
  margin-top:-1px;  
  width:100%;  
  }  

  .vid_cont_l {  
  background:url(http://7old.ru/ucoz-files/1/line_9.png) repeat-y left 0;  
  overflow:hidden;  
  }  

  .vid_cont_r {  
  background:url(http://7old.ru/ucoz-files/1/line_8.png) repeat-y right 0;  
  overflow:hidden;  
  padding-bottom:30px;  
  }  

  .vid_bottom {  
  background:url(http://7old.ru/ucoz-files/1/line_10.png) repeat-x 0 0;  
  height:27px;  
  margin:-26px 2px 0 2px;  
  padding:0 3px 0 5px;  
  color:#959494;  
  font-family:Tahoma;  
  font-size:12px;  
  line-height:27px;  
  text-shadow:1px 0 0 #282828;  
  }  

  .vid_bottom a {  
  color:#959494;  
  font-family:Tahoma;  
  font-size:12px;  
  }  

  .vid_bottom .bottns {  
  float:right;  
  display:block;  
  background:url(http://7old.ru/ucoz-files/1/vid_buttons.png) no-repeat 0 0;  
  width:92px;  
  height:18px;  
  color:#959494;  
  font-family:Arial;  
  font-size:12px;  
  font-weight:bold;  
  line-height:17px;  
  text-indent:14px;  
  margin-top:5px;  
  }  

  .vid_bottom .bottns:hover {  
  background-position:0 -19px;  
  text-decoration:none;  
  }  

  .vid_mess_l {  
  float:left;  
  margin-left:7px;  
  margin-top:4px;  
  overflow:hidden;  
  }  

  .vid_mess_l img {  
  width:141px;  
  height:106px;  
  border:4px solid #272525;  
  -moz-border-radius:5px;  
  -webkit-border-top-right-radius:5px;  
  -webkit-border-top-left-radius:5px;  
  -webkit-border-bottom-right-radius:5px;  
  -webkit-border-bottom-left-radius:5px;  
  -khtml-border-radius:5px;  
  border-radius:5px;  
  background:#272525;  
  }  

  .vid_mess_r {  
  overflow:hidden;  
  padding:3px 5px 0 7px;  
  color:#a9a9a9;  
  font-family:Arial;  
  font-size:11px;  
  }  
  </style>  
<div class="vid_mater">  
<div class="vid_title"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?><div class="vid_title_in"><a href="$ENTRY_URL$">$TITLE$</a></div></div>  
<div class="vid_cont"><div class="vid_cont_l"><div class="vid_cont_r">  
<a href="$ENTRY_URL$" class="hicons_1" title="Просмотреть полный материал"></a>  
<noindex><a href="$COMMENTS_URL$" class="hicons_2" title="Перейти к комментариям материала"></a></noindex>  
<a href="CATEGORY_URL$" class="hicons_3" title="$CATEGORY_NAME$"></a>
<div class="vid_mess_l"><?if($IMG_URL1$)?><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="$TITLE$" style="padding:3px;background:#1C1C1C;border:1px solid #363636;"></a><?endif?></div>  
<div class="vid_mess_r">$MESSAGE$</div>  
</div></div></div>  
<div class="vid_bottom"><a href="$ENTRY_URL$" class="bottns">Подробнее</a>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> Просмотров: $READS$ Добавлено: <span title="$TIME$">$DATE$</span><?if($COMMENTS_URL$)?> <a href="$COMMENTS_URL$">Комментариев: ($COMMENTS_NUM$)</a><?endif?></div>  
</div></div>


На этом всё
Тёмный вид-материалов для uCoz" title="Скачать Тёмный вид-материалов для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: Неизвестно
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]