« Простой вид материалов Каталога Файлов для uCoz »

Описание материала:

Простой, светлый вид материалов модуля "Каталог файлов", для сайтов в системе uCoz. Вид материалов отлично подойдет под светлый дизайн сайтов и под любую тематику. Что из себя представляет вид материалов, это - название материала в самом верху, под ним изображение, чуть ниже описание, а в самом низу количество просмотров, комментариев и скачиваний, ширина вида составляет 600px.

Установка:
1. Скачиваем архив и загружаем папку img в корень своего сайта
2. Заходим в ПУ - Управление дизайном - модуль Каталог файлов - Вид материалов и заменяем имеющий код на этот:

Код
<div style="width:600px;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> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?>  
</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="600" height="180"></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="16"> $READS$<span style="padding:0px 5px;"></span><img src="/img/comments_ico.png" width="16"> $COMMENTS_NUM$<span style="padding:0px 5px;"></span><img src="/img/loads_ico.png" width="16"> $LOADS$  
</div>  

</div>  
</div>  

</div>  
</div>

3. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим данный код:
Код
/* Простой вид материалов Каталога Файлов для uCoz */  
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('') repeat-x #f7f7f7;border-bottom:0px;height:21px;}  
.files_top_text {padding:3px 5px;font-weight:bold;font-size: 12px;}  
.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;}  
/*------------------*/


Готова!


Скачать ( Размер архива 97.3 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 852 | Загрузок: 30


Поделиться в соц. сетях:
Комментариев к материалу: 3
Александр 10.04.2016 в 20:36Спам
Спасибо огромное за такой вид материалов.
0
Роман 04.01.2016 в 19:08Спам
Классно смотрится)
1
Виктор Ягодин 04.01.2016 в 19:45
Да, не плохо :)
1
avatar