Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Вид кино-новостей для uCoz
15.11.2018
Вид кино-новостей для uCoz
  • 488 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Очень элегантный вид кино-новостей для вашего сайта. Выполнен в светлом стиле подойдёт для светлых сайтов.

Установка:

1. В Вид материалов кидаем:
Код
<div class="cell-news">  
  <div class="cell-news-l">  
  <?if($IMG_SMALL_URL1$)?><img src="$IMG_SMALL_URL1$" class="cell-news-l-img" alt="$TITLE$"><?else><?if($IMG_URL1$)?><img src="$IMG_URL1$" class="cell-news-l-img" alt="$TITLE$"><?endif?><?endif?>  

  <div class="cell-news-rating left">  
  <div class="left"><?if($RATING$)?><?$RSTARS$('16','http://7old.ru/ucoz-files/rating.png','1','float')?><?endif?></div>  
  <div class="cell-news-rating-os right">$RATING$</div>  
  </div>  
  </div>  
  <div class="cell-news-r">  
  <h2><a href="$ENTRY_URL$">$TITLE$</a></h2>  
  <div class="cell-news-top">  
  <span title="Вторник в $TIME$" class="west left">$DATE$</span>  
  <span class="right">  
  <img src="http://7old.ru/ucoz-files/glaz.png" alt="просмотров" /> $READS$ |  
  <img src="http://7old.ru/ucoz-files/coment.png" alt="комментарии" /> $COMMENTS_NUM$  
  <span><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></span>  
  </span>  
  </div>  

  <p class="cell-news-center"><?if($MESSAGE$)?>$MESSAGE$<?endif?></p>  

  <div class="cell-news-bottom">  
  <span class="left"><?if($CATEGORY_NAME$)?>Рубрика: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><?endif?></span>  
  <a class="right" href="$ENTRY_URL$" >Читать дальше</a>  
  </div>  

  </div>  
  </div>


2. В Таблицу стилей CSS:
Код
.cell-news {  
  float:left;  
  width:570px;  
  margin-bottom: 15px;  
  background: #fff;  
  border-radius:3px;  
  padding: 15px 15px 15px 15px;  
  border: 1px solid #D6D6D6  
}  

.cell-news-l {  
  float:left;  
  width:180px;  
  margin-right: 15px;  
}  

.cell-news-r {  
  float:left;  
  width:375px;  
}  

.cell-news-l-img {  
  width:180px;  
  height:240px;  
  margin-bottom: 5px;  
  border-radius:3px;  
}  

.cell-news-rating {  
  width:100%;  
}  

.cell-news-rating img{  
  margin-top: 2px;  
}  

.cell-news-rating-os{  
  margin-left: 10px;  
  background: #8EC98C;  
  padding: 3px 10px 3px 10px;  
  text-shadow: 1px 1px 1px #469943;  
  font-weight: bold;  
  color:#fff;  
  border-radius:3px;  
}  

.cell-news-r h2 {  
  margin:0;  
  float:left;  
  width:100%;  
  padding-bottom: 10px;  
  border-bottom: 1px solid #D6D6D6;  
  font: 125% Verdana,Arial,Helvetica, sans-serif;  
  font-weight: 700;  
}  

.cell-news-top{  
  float:left;  
  width:100%;  
  padding: 5px 0px;  
  border-bottom: 1px solid #D6D6D6;  
  font:9px Verdana,Arial,Helvetica, sans-serif;  
  color:#999;  
}  

.cell-news-center{  
  float:left;  
  width:100%;  
  margin:0;  
  min-height: 163px;  
  padding: 10px 0px;  
  border-bottom: 1px solid #D6D6D6;  
  font:11px 1.5 Verdana,Arial,Helvetica, sans-serif;  
  text-align:justify;  
}  

.cell-news-bottom{  
  float:left;  
  width:100%;  
  font-weight: bold;  
  padding: 10px 0px 0px 0px;  
}  

.left {float:left;}  
.right {float:right;}


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