Вид материалов новостей (простой и стильный)


Очень удобный и стильный вид материалов новостей для uCoz.

ПУ-->Управление дизайном-->Новости-->Вид материалов новостей. Все заменяем на это:

Code
<!-- Начало тегов контейнер с новостями блога -->
  <div class="cell_news">
  <div class="cell_news_title"><h2><a href="$ENTRY_URL$">$TITLE$</a></h2><span class="right">$MODER_PANEL$</span></div>
  <div class="cell_news_dop1">
  <span title="$WDAY$ в $TIME$">$DATE$</span>
  <span class="right">
  <img src="http://www.center-dm.ru/site/fon_img_reiting.gif" alt="рейтинг" /> $RATING$ ($RATED$) | <img src="http://www.center-dm.ru/site/fon_img_glaz.gif" alt="просмотров" /> $READS$ | <img src="http://www.center-dm.ru/site/fon_img_coment.gif" alt="комментарии" /><a href="$COMMENTS_URL$"> ($COMMENTS_NUM$)</a>
  </span>
  </div>
  <div class="cell_news_content">$MESSAGE$</div>
  <div class="cell_news_dop2">
  Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
  <span class="right">Дополнительно</span>
  </div>
  </div>
  <!-- /Конец тегов контейнер с новостями блога -->


ПУ-->Управление дизайном-->CSS. В любое место добавим этот код:

Code
.cell_news {
  overflow: hidden;
  width:600px;
  padding: 10px 10px 10px 10px;
  margin: 10px 0px 10px 0px;
  background: #fff;
}

.cell_news_title {
  float:left;
  width:100%;
  border-bottom: 1px solid #D6D6D6;
}
   
.cell_news_title h2 {
  float:left;  
  margin: 0;
  font: 145%/1.5 Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
}

.cell_news_content {
  float:left;
  text-align:justify;
  font: 105%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#555;
  width:100%;
  padding: 10px 0px 10px 0px;  
}

.cell_news_dop1 {
  float:left;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
  width:100%;
  padding: 5px 0px 5px 0px;
}  

.cell_news_dop2 {
  float:left;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
  width:100%;
  padding: 5px 0px 5px 0px;
}  

.cell_news_dop1 {
  border-bottom: 1px solid #D6D6D6;
}  

.cell_news_dop2 {
  border-top: 1px solid #D6D6D6;
}  

.left {
  float:left;
}

.right {
  float:right;
}

Опубликовал: TIK_TAK в категорию Скрипты и хаки для ucoz - Дата добавления: 27.06.2017, 20:24

Теги: материалов, стильный), Вид, Скрипты и хаки для ucoz, (простой, новостей

Сообщить о новой версииПроблемы со скачиванием?
Источник/Автор: center-dm.ru
ССЫЛКИ

Комментарии:


Оставить комментарий

Имя *:
Email *:

Все смайлы | Регистрация

Популярные файлы

Друзья сайта

Всё для Counter-Strike 1.6

Теги

  
     

Вход на сайт

     
     

Информация:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статистика