Информационный информер , сделал я его для вывода информацию о фильмах,
пример можно смотреть на нашем сайте тестовом некое подобие
есть и на нашем сайте ucozon.ru созданное по такому же принципу, но
думаю что более удачней.
Тестировался в браузерах Мозила, IE-8
ширина информера статическая 175 Пкс.
Установка:
создаем информер с такими параметрами
[ Новости сайта(выбрать свое) · Материалы · В случайном порядке(выбрать свое) · Материалы: 12 · Колонки: 1 · Длина заголовка: 26(выбрать свое) ]
В head вставляем данные скрипты для увеличение скриншота при клике
Code
<link href="http://ucozon.ru/SCRIN6/sadow/shadowbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://s11.ucoz.net/src/u.js"></script>
<script type="text/javascript" src="http://ucozon.ru/SCRIN6/sadow/shadowbox.js"></script>
В стапвляем в таблицу стилей нашего сайта сам стиль
Code
.mm-title {text-align:left; background:url('') repeat-x #3F70C3; background-position:0 50%; padding:2px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
.mm-title a:link, .e-title a:visited {color:#fff; font-size:8pt; text-shadow:0px 1px 0px #5D9015;}
.mm-title a:hover, .e-title a:active {color:#fff; text-shadow:0px 0px 2px #fff;}
.mm-details {-moz-border-radius:2px;-webkit-border-radius:5px; border-radius: 2px; background:#F8F7F6; border:1px solid #D2D2D2;}
.mm-details-top {padding:1px 0 1px 0; border-bottom:1px dashed #D2D2D2;}
далее вставляем данный код в информер удалив там все предварительно
Code
<table border="0" cellpadding="2" cellspacing="1" width="175" style="border: 1px solid #D2D2D2;"><tr><td class="mm-title" style="text-align: left; vertical-align: top; padding-left: 2px;">
<em><a href="$ENTRY_URL$" title="смотреть онлайн $TITLE$">$TITLE$</a></em></td></tr><tr><td>
<table border="0" cellpadding="2" cellspacing="1" width="175" class="infTable"><tr><td style="border: 1px solid #D2D2D2;"><a href="$IMG_URL1$" title="$TITLE$" rel="shadowbox"><img src="$IMG_URL1$" alt="$TITLE$" width="65px"></a>
</td><td style="border: 1px solid #D2D2D2; text-align: left; vertical-align: top; padding-left: 3px; padding-top: 3px;" width="110px">Категория фильма:<br><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
<br>Дата: $DATE$
<br>Рейтинг: $RATING$\$RATING_NUM$
<br>Просмотров: $READS$
<br>Комментариев: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a>
</td></tr></table></td></tr></table>
Настроика:
$IMG_URL1$ можно заменить на $OTHER#$ при необходимости
Цвет рамок информера #D2D2D2 можно заменить
Для таго что бы попасть вразмеры исправлять ширину на свой в двух местах
к примеру на ucozon.ru ширина 180 и к такому размер ширины изменять нет необходимости.
автор: mdbaner
сайт автора:
www.ucozon.ruВнимание: при копирование материала ссылка на сайт автора клик-кабельная обязательна
http://ucozon.ru , в противном случае на ваш сайт будет подана жалоба по статье:
2.3. При цитировании материалов Сайта, включая охраняемые авторские произведения, ссылка на Сайт обязательна (подпункт 1 пункта 1 статьи 1274 Г.К РФ).
Меню сайта
Меню сайта
