Подработка. Мониторинг. Рефбек 75%
Приветствую Вас Гость | RSS | Четверг, 28.03.2024, 21:57
Меню сайта
Поиск
Реклама
Новые буксы
clixtoyou.com - Подро...

26.01.2020  18:07

money-foradclicks.com...

21.07.2019  23:58

successbux.com - Подр...

15.03.2019  22:01

optimalbux.com - Подр...

10.01.2018  23:50

youcan5star.com - Под...

04.07.2016  23:24

jetswap.com - Подробн...

09.01.2016  14:43

webisida.com - Подроб...

18.06.2015  12:12

paidverts.com - Подро...

21.03.2015  17:06

globus-inter.com - По...

04.09.2013  21:31

seosprint.net - Отзыв...

28.02.2013  15:23

scarlet-clicks.info -...

30.06.2012  12:30

gptplanet.com - Подро...

05.02.2012  22:12

socpublic.com - Отзыв...

14.07.2011  21:04

vipip.ru - Отзывы, ко...

10.07.2011  15:15

eBesucher.de - Подроб...

03.05.2011  23:05

ysense.com - Подробны...

16.03.2011  11:49

Neobux.com - Подробны...

04.11.2010  14:07

Новое на форуме
НЕМНОЖКО ЮМОРАSatoshi Hero - BTC кран. Платит с 2017 года.Выплаты с Youcan5star.comВыплаты с Clixtoyou.comQComment - отличный заработок на отзывах и комментариях.Coinpayu - платящий на ВТС БуксBestChange - BTC кран. Платит с 2016 года.Выплаты с Optimalbux.comВыплаты с Gptplanet.comВыплаты с Scarlet-clicks.info$10 за регу + $10 за рефаAVISO- новый русскоязычный букс.Всем рефбек-90%Выплаты с Money-foradclicks.comВыплаты с NeobuxTalk - токены от биржи YoBit
Последний SCAM
rileyfelton.com - Под...

22.01.2021  10:37

IPGold.ru - Отзывы, к...

23.12.2020  15:16

IPweb.ru - Отзывы, ко...

22.12.2020  20:31

ads4clickbtc.com - По...

27.09.2020  10:31

noxo.me - Подробные р...

20.08.2020  09:03

wmmail.ru - Отзывы, к...

19.08.2020  22:08

clikerz.net - Подробн...

21.07.2020  15:00

teaser.bz - Подробные...

17.07.2020  11:13

netadverti.com - Подр...

03.06.2020  10:02

earningbux.com - Подр...

27.05.2020  13:09

pyrobux.com - Подробн...

24.04.2020  09:30

medexads.com - Подроб...

01.04.2020  21:11

clixie.org - Подробны...

24.03.2020  12:10

krosshitadz.online - ...

19.03.2020  10:54

silverclix.net - Подр...

16.03.2020  10:17

positivebux.com - Под...

12.03.2020  11:12

gptclix.com - Подробн...

12.03.2020  11:08

7starclix.com - Подро...

12.03.2020  11:08

followclix.com - Подр...

12.03.2020  11:05

doorclix.com - Подроб...

06.03.2020  12:11

Категории раздела
Скрипты информеров [96]
Конструкторы сайтов [0]
Хостинг-провайдеры [0]

17:59
Вид информера онлайн кинотеатра
Если вы владелец онлайн кинотеатра в системе 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 */  
}  
Категория: Скрипты информеров | Просмотров: 1718 | Добавил: smasto | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Podrabotka.3dn.ru © 2024 Яндекс.Метрика