Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Вид материалов "Каталог файлов" для uCoz
19.11.2018
Вид материалов "Каталог файлов" для uCoz
  • 748 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 2)
Описание:
Красивый вид материалов Каталога файлов, подойдет для сайтов почти любой тематики. Вид материалов сделан в светлых тонах. Размер окна изображения 400x100.

Установка:

И так начнем мы с HTML. Идем по очередности: Управление дизайном > Каталог файлов > Вид материалов и заменяем все на этот код:
Код
<div style="width:416px;float:left;padding:0px 2px;">
<div class="files_hover">

<div class="files_top"><div class="files_top_text">
<a href="$ENTRY_URL$" class="entryLink">$TITLE$</a> $MODER_PANEL$
</div></div>

<div class="files_content" style="text-align:justify;">
<div style="padding:5px;">
<div style="background:#f7f7f7; border:1px solid #ddd;padding:3px 5px; line-height: 15px;">
<center><div style="padding-bottom:7px;">
<div class="news-gameName"><a title="$USERNAME$" href="$PROFILE_URL$">Добавил: $USERNAME$</a></div>
<div class="news-Img"><img alt="$TITLE$" src="$IMG_URL1$" class="news-screen2" width="400" height="100"></div></div></center>
</div> <br>
<div style="height:47px;">
<div style="background:#f7f7f7; border:1px solid #ddd;padding:3px 5px; line-height: 15px;"><?if(len($MESSAGE$)>130)?><?substr($MESSAGE$,0,130)?>...<?else?>$MESSAGE$<?endif?></div>
</div>

<div class="info_details">
<span style="padding:0px 5px;"></span><img src="/img/reads_ico.png" width="20"> $READS$<span style="padding:0px 5px;"></span><img src="/img/comments_ico.png" width="20"> $COMMENTS_NUM$<span style="padding:0px 5px;"></span><img src="/img/loads_ico.png" width="14"> $LOADS$
</div>

</div>
</div>

</div>
</div>


Теперь установим CSS для данного материала, идем по очередности: Управление дизайном > Таблица стилей (CSS) и в самый низ ставим вот этот код:
Код
/* Вид материалов каталога файлов */
a.entryLink a:link, .entryLink a:active, .entryLink a:visited {color:#777;text-shadow:0 1px 0 #ffffff;text-decoration:none;}
a.entryLink:hover {text-decoration:none;color:#ae8f25;}
.files_hover {border:4px solid #f0f0f0;margin:0 0 3px 0;}
.files_hover:hover {border:4px solid #e2e2e2;margin:0 0 3px 0;}
.files_top {background: url('/img/block_top_files.png') repeat-x #f7f7f7;border-bottom:0px;height:21px;}
.files_top_text {padding:3px 5px;font-weight:bold;}
.files_content {background:#fff;padding:0px;overflow:hidden;border-top:0px;color:#777;}
.info_details {text-align:center;border-top:1px dotted #e2e2e2;}

.news-gameName {border-radius: 0 4px 4px 0;background: none repeat scroll 0pt 0pt rgba(0, 0, 0, 0.5); display: block; float: left; font: 12px Tahoma; padding: 5px 20px; position: absolute; text-align: left; text-shadow: 0pt 0pt 2px rgb(0, 0, 0); margin-left: 0px; margin-top: 10px;}
.news-gameName a:link, .news-gameName a:visited {color: #CCCCCC;text-decoration: none;}
.news-gameName a:hover {color: #FFFFFF;text-decoration: none;}
.inf_title {background:#eee;height:20px;margin:7px;color:#707070;text-shadow:1px 1px 0 #f6f6f6;font-family:tahoma;font-size:11px;font-weight:bold;text-align:center;}
/* ------- */


И последние, заливаем в корень своего сайта, папку img

Готова!

Если Вам нужно настроить данный вид материалов под свой сайт, то обращайтесь в ЛС
Вид материалов "Каталог файлов" для uCoz" title="Скачать Вид материалов "Каталог файлов" для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: не указан
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]