Главная » Файлы » Вид материалов для uCoz » Вид материалов для каталога файлов |
Вид материалов Web-Sborka
[ Скачать с сервера (16.8 Kb) · Скриншот ] | 19.12.2012, 03:05 |
Рип вида материалов Web-Sborka для uCoz. Красивый простой и удобный вид материалов с увеличением картинки (постера). В Виде материалов присутствует шесть полей: "Адрес сайта" "Тип" "Статус" "CMS" "Автор" + "Просмотреть скриншот открывается дополнительное окно" Установка: Качаем архив и заливаем в корень вашего сайта папку "iLoad" В CSS в самый низ ставим: Code /* Вид материалов */ #content #vid_mater { padding:0; margin:0; overflow:hidden; } #content #vid_mater li { display:block; float:left; width:408px; height:155px; background:url(/images/vid_mater_bg.png) no-repeat 0 0; margin:0 0 2px 1px; overflow:hidden; padding:0px 2px 0px 0px; } #content #vid_mater li .st1 { float:left; padding:10px 0 0 10px; } #content #vid_mater li .st1 img { width:105px; height:134px; } #content #vid_mater li .st2 { overflow:hidden; padding:7px 5px 3px 8px; } #content #vid_mater li .st2 .st3 { width:279px; height:20px; background:url(/iLoad/vid_mater_inp.png) no-repeat 0 -24px; margin-bottom:4px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#0877b4; line-height:19px; text-indent:5px; text-shadow: 0px 1px 0px white; } #content #vid_mater li .st2 .st3:hover { background-position:0 0; cursor:pointer; text-shadow: 0px 1px 0px white; } /* --- */ В Вид материалов Каталога файлов заменяем на это: Code <script type='text/javascript' src='/iLoad/iLoad.js'></script> <ul id="vid_mater"> <li> <div class="st1"><a href="$IMG_URL1$" rel="iLoad"><img src="$IMG_URL1$" alt="" /></a></div> <div class="st2"> <div class="st3">Адрес сайта: $TITLE$ $MODER_PANEL$</div> <div class="st3">Тип: $SOURCE_URL$</div> <div class="st3">Статус: $AUTHOR_SITE$</div> <div class="st3">CMS (Движок): $AUTHOR_EMAIL$</div> <div class="st3">Автор: $AUTHOR_NAME$</div> <div class="st3"><a href="$IMG_URL1$" rel="iLoad">Посмотреть полный скриншот</a></div> </div> </li> </ul> При желание поля можно изменить под свои названия. | |
Просмотров: 1008 | Загрузок: 125 | |
Всего комментариев: 0 | |