Приветствую Вас Прохожий | RSS Воскресенье, 11.12.2016, 07:08
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Компактный вид материалов сайта для uCoz v2

Компактный вид материалов сайта для uCoz v2 Компактный, материалов, сайта, uCoz
Компактный и удобный вид материалов в HTML сайта для uCoz версии v2. все подробности видно на самом скрине, вывод картинки, и дополнительных опций меню.

Установка вида новостного:
Установим HTML, Для первого примера новостей с одним изображением в контенте, нам понадобиться следующий html код, который мы вставляем "Вид материалов" для модуля новости сайта:
Код
<div class="cell_news opacity">  
  <h2><a href="$ENTRY_URL$" >$TITLE$</a></h2>  
  <a href="$ENTRY_URL$" class="news_img"><?if($IMG_SMALL_URL1$)?><img src="$IMG_SMALL_URL1$"><?else><?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?><?endif?></a>  
  <div class="news_bottom">  
   
  <div class="news_author">  
  <?if($AVATAR_URL$)?><img alt="аватар $USERNAME$" src="$AVATAR_URL$"><?else?><img alt="нет аватара" src="http://www.center-dm.ru/img/no_avatar.jpg"><?endif?>  
  <a href="$PROFILE_URL$">$USERNAME$</a>  
  </div>  
   
  <ul class="news_statistics">  
  <li><span>$RATING$ ($RATED$)</span><img src="http://center-dm.ru/ucoz/vid_news/v2/ico_like.png" alt="рейтинг"></li>  
  <li><span>$READS$</span><img src="http://center-dm.ru/ucoz/vid_news/v2/ico_Eye.png" alt="просмотров"></li>  
  <li><span>$COMMENTS_NUM$</span><img src="http://center-dm.ru/ucoz/vid_news/v2/ico_comment.png" alt="комментарий"></li>  
  <?if($MODER_PANEL$)?><li>$MODER_PANEL$</li><?endif?>  
  </ul>  
  </div>  
  </div>

в таблицу стилей вставляем следующий стиль:
Код
/* Вид новостей для uCoz v2  
  ------------------------------------------*/  
.cell_news {  
  float:left;  
  width:500px;  
  margin-bottom: 15px;  
  overflow:hidden;  
  background: #fff;  
  border: 3px solid #ACACAC;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
  color:#888;  
  border-radius:5px;  
}  

.cell_news h2 {  
  margin:0;  
  float:left;  
  width:460px;  
  background:#f4f4f4;  
  padding: 7px 20px;  
  font: 125% Verdana,Arial,Helvetica, sans-serif;  
  font-weight: 700;  
}  

.news_img img {  
  width:500px;  
  height:100px;  
}  

.news_bottom {  
  float:left;  
  width:100%;  
  margin-top: -3px;  
  background:#f4f4f4;  
}  

.news_author{  
  float:left;  
}  

.news_author img {  
  float:left;  
  width:20px;  
  height:20px;  
  margin: 7px 5px 0px 20px;  
}  

.news_author a {  
  float:left;  
  font-weight: 700;  
  margin: 8px 5px 0px 5px;  
}  

.news_statistics{  
  float:right;  
  margin:0;  
  padding: 0;  
  margin-right: -2px;  
  list-style:none;  
  border-left: 1px solid #d1d1d1;  
}  

.news_statistics li {  
  float:left;  
  height:20px;  
  padding: 9px 8px 1px 8px;  
  border-right: 1px solid #d1d1d1;  
  border-left: 1px solid #fff;  
}  

.news_statistics span{  
  float:left;  
  margin: 0px 5px 0px 0px;  
}  

.opacity a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=85);}

Хочу обратить ваше внимание, что картинка в новостях будет отображаться в том случае, если вы заливаете её через "Обзор" на странице добавление материала.
Автор\Источник: http://www.center-dm.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 5230 | Рейтинг: 5.0/4 | |Категория: Скрипты Вид новостей | Добавил: мир | Дата: 31.01.2013 | Скачали: 0 | Теги: материалов, ucoz, сайта, Компактный
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Продажа рекламные мест ...

2

2 Файловик. Уникальные те...

0

3 Куплю сайты в индексе Я...

1

4 Куплю сайты с ТИЦ/PR (п...

9

5 Предлагаю услуги для ан...

0

6 Предлагаю услуги по про...

0

7 Комплексный прогон сайт...

51

8 Сайт онлайн фильмов на ...

1

9 Проблема с таблицей

9

10 Отредактировать фото

2


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru