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


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



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



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

Вид материалов из трех колонок для uCoz

Вид материалов из трех колонок для uCoz Вид, материалов, трех, колонок, uCoz
Табличный вид новостей, сверстанный на быструю руку и готовый для использование на сайта uCoz. По стилю цвета сразу видно все та же тематика ВК темно синий. Вид материалов из трех колонок для uCoz.
Подходит для любых сайтов статического размера шаблона, где сам фон светлого цвета. Сделан он из трех колонок где по центру краткое описание, и в крайней правой части сам скриншот, в первой колонке количество положительных голосов за материал.

Установка:
Устанавливаем вид материалов где хотим его видеть.
Code
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 5px;">  
  <tr>  
  <td width="8%" class="pierwsza" align="center" valign="top">  
  <img src="http://ucozon.ru/_dr/61/61181331.png" title="Количесто лайков" alt="Количество лайков">  
  <div class="likek" align="center" title="Количесто лайков">$RATED$</div>  
  </td>  
  <td widht="100%" valign="top" class="druga">  
  <?if($IMG_URL1$)?><div style="float: right;"><a href="$ENTRY_URL$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL1$" class="imageks" />  
  </a></div><?endif?>  
  <div><a href="$ENTRY_URL$" class="titlename">$TITLE$</a><div>  
  $MESSAGE$  
  </td>  
  </tr>  
  </table>
Устанавливаем CSS в Таблицу стилей CSS
Code
/* by coffee aka vasa3000 */  
  .pierwsza {border: 1px solid #51708c; background: #648aad; border-bottom: 3px solid #51708c; border-radius: 3px 0 0 3px; padding: 5px;}  
  .likek {display: block; color: #edf1f5;}  
  .druga {padding: 5px; border: 1px solid #ccc; border-bottom: 3px solid #ccc; border-radius: 0 3px 3px 0; color: #a4a4a4; background: #fff;}  
  .imageks {border-radius: 3px; width: 150px; height: 200px; box-shadow: -3px 0px 6px rgba(50, 50, 50, 0.25);}  
  a.titlename {border-bottom: 1px dotted #9C9B9B;display: block; font-size: 11pt; color: #9C9B9B;}  
  a.titlename:hover {border-bottom: 1px dotted #8E8E8E; text-decoration: none; color: #8E8E8E;}  
  /* ------- */

Автор: vasa3000
Автор\Источник: usite.su

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

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

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

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


Поиск


На форуме

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

0

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

1

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

9

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

0

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

0

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

51

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

1

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

9

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

2

10 Уже все перепробовал )

1


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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