Главная » Файлы » Вид материалов для uCoz » Вид материалов для каталога файлов

Вид материалов Web-Sborka
[ Скачать с сервера (16.8Kb) · Скриншот ] 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>


При желание поля можно изменить под свои названия. 



Категория: Вид материалов для каталога файлов | Добавил: kevin | Теги: материалов, вид, null, Web-Sborka
Просмотров: 491 | Загрузок: 111 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]