Скрипт для темы кино онлайн (Информер)
 | |
| Очень удобный скрипт для сайта ucoz а точнее информер. Который нужно сделать, зайти в админ панель потом главные настройки и увидите создать информет и туда заходим и создаем. Чем хорош этот код? Просто он сам выбирает картинки и сам их суживает, что очень прекрасно и не нужно подгонять под размеры те или иные картинки для скрипта. Основном его ставят на кино онлайн тематику так чтоб он выводил фильмы и при клике вы попадали сразу вид материалов c комментариев, очень удобно. Сам скрипт проверен и стоит на многих сайтах. Так же вы можете поставить на свой интернет портал и переквалифицировать его, к примеру чтоб выводил файлы ну на пример шаблоны для сайта, да много чего он может вывести на главную страницу и тем он хорош. Приступаем к установке: Нужно скопировать код и прописать его в информер/ Код <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> <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 */ } | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 6 | |
|
| |
