» »

Скрипт для темы кино онлайн (Слайдер)


Скрипт для темы кино онлайн (Слайдер)

Очень удобный скрипт для сайта 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://zornet.ru/CSS-ZORNET/REN/AG/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 */  
}
25.01.2014 Просмотров: 1977 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
denhack
denhack 11.11.2014 03:151
0
Сделал как написано. не работает! devil
Dimstrik
Dimstrik 11.11.2014 04:562
0
denhack, Не может быть что он не работает я сам лично проверял и пробовал себе на сайт и могу сказать что работает 100% , но я снял так как мне не подошло и я нашёл другой
Kosten
Kosten 11.11.2014 21:153
0
Позаимствовал этот материал, там где было много комментарий и также кто то не мог установить, но большинство говорили спасибо, потому и залил на сайт, так как посчитал он рабочий материал.
kredit-oformi
kredit-oformi 12.11.2014 20:054
0
Slavik, ты устанавливал?
NewsPR
NewsPR 12.05.2015 18:485
0
Вот я себе поставил спам все ок работает супер! Автору спасибо огромное
avatar