Здравствуй, дорогой друг!
НАШ СЕРВЕР

serv.csyes.ru:27019
csyes.ru
Меню
» Главная страница » Обмен банерами » Статьи » Файлы » Форум csyes » Теги сайта » Партнеры сайта » ALLSOFTER.RU

Скачать

» Все для counter-strike » Мастерская cs » Развлечения » Сделай сам!
Интересное
1Скачать чит MP-Hac...   (21600)
2Скачать чит Анти-о...   (11532)
3скачать плагин Эму...   (6415)
4Чит на нож для CS-...   (5360)
5Готовый сервер Zom...   (4788)
6Хак для CS-1.6 Авт...   (4227)
7Прицелы css   (4201)
8[KZH] Script Pack ...   (3790)
9Скачать чит MPH Ai...   (3535)
10Патчи для CS 1.6   (3263)
11Патчи для CS:Sourc...   (3244)
12Баги, подсадки, та...   (3081)
13Как установить чит...   (2982)
14Делаем прицел(zoom...   (2926)
15Tanks Battle City   (2919)
16Видео по сборки се...   (2903)
17Скрипты   (2895)
18скачать Программа ...   (2818)
19Делаем себе модель...   (2695)
20Оптимизация сервер...   (2644)
КАТЕГОРИЯ
Модели оружий cs 1.6   [100]
Взрывы и выстрелы   [16]
Меню для CSS   [11]
Модели игроков   [0]
Читы   [21]
Читы CS1.6   [197]
Видео читы   [22]
Бесплатный звонок   [1]
Сборка сервера   [1]
патчи   [3]
Прицелы   [1]
баги   [12]
scripts_cs   [1]
Готовые сервера   [54]
Мастерская CS   [26]
cyberarena_tv   [1]
Плагины для серверов   [98]
Программы для CS   [25]
Модели игроков   [21]
Left 4 Dead   [49]
flesh   [11]
videonews   [3]
карты   [3]
m.o.css   [29]
лого   [3]
Конфиги pro_игроков   [1]
теги   [1]
TOP
сервера cs 1.6 Мониторинг Игровых Серверов Counter-Strike 1.6
сервера кс 1.6
------------------------------------

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

Вид информера онлайн кинотеатра [c][/c]Если вы владелец онлайн кинотеатра в системе uCoz, и пользуетесь информерами, то статья именно для вас.
Стандартный вид информеров не то, что поможет привлечь потенциальных зрителей, а скорее отпугнет. Во-первых, из-за того, что заходят в кинотеатр, все должно быть наглядно. Изначально информер выглядит как простой текст (название), с датой добавления, и автором, все. Мало, кто захочет читать. Поэтому для информеров такого типа нужна как минимум картинка. Это не обязательно может быть информер фильмов. Да, уже нормально, но фильмы имеют названия разной длины, потому все картинки смещаются, какие-то выше, какие-то ниже, в общем, весь вид портится.

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

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

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

[code]<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> [/code]

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

[code].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;
}
[/code]

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

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

[code] h2 {
position: absolute;
top: 170px;
left: 0;
width : 100%;
vertical-align:middle;
}
.image {
position: relative;
width : 100%; /* for IE 6 */
}
[/code]
Просмотров: 181 | Добавил: smasto | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
НАШ СЕРВЕР

serv.csyes.ru:27019
csyes.ru
Форма входа
Логин:
Пароль:

Left 4 Deed
» Скачать Left 4 Dead » Модели оружия6 » Модели выживших » Модели зомби » Программы » Патчи » Карты » Моды
Новое на сайте
1Новый трейлер Gran...   (1085)
2Состоялся релиз шу...   (959)
3VIDEO Need for Spe...   (1146)
4demgl10   (1332)
5Cs_pR0 1.25.6-CoOl...   (1245)
6Lexusss hook final   (1263)
7Mike ScofilD Cheat...   (1402)
8Непалевный чит   (1341)
9MegaCHEAT   (1504)
10Скачать чит под ан...   (1207)
11Скачать чит TilaQ ...   (1313)
12Kz ХАК v2 ( чит не...   (1465)
13Конфиг by MR.T под...   (1595)
14Теги Нашего Сайта   (1367)
15Simple XQZ WallHac...   (1523)
16GB Public беспалев...   (1543)
17Super Simple ESP v...   (1913)
18V-hack v 1.3 for C...   (1424)
19Super Simple Wallh...   (1715)
20Чит ANGEL Hook Fin...   (1760)
Наш баннер
Мы будем очень благодарны
если вы разместите нашу
кнопку у себя на сайте!

Все для counter strike
Чат
Статистика
Онлайн:

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