ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Вид материалов каталога файлов KREN для ucoz

Вид материалов каталога файлов KREN для ucoz

Вид материалов каталога файлов KREN для ucoz
Хочу предложить вам очень хороший но уже забытый вид материалов для каталога файлов,простой в тоже время оригинальный вид файлов. Для светлых дизайн сайтов.
Приступаем к установке:
Скачать архив и поместить файл в папку ile_entry , если такой не имеется то создаем ее. Заливаем туда файлы и потом прописываем код.
Этот код прописываем в CSS
Код
.file_entry{padding:0px;margin-bottom:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #c1c1c1;background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#eaeaea));background: -webkit-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);background: -o-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);}  
.toolbar{background:#EAEAEA;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;padding:8px 5px 5px 5px;border:1px solid #DBDBDB;display:inline;}  
.file_title{background:#EAEAEA;-moz-border-radius:0px 5px 0px 5px;-webkit-border-radius:0px 3px 0px 3px;padding:5px 35px 5px 35px;border:1px solid #DBDBDB;float:right;font-weight:bold;}  
.file_title_td{border-bottom:1px solid #c1c1c1;padding-bottom:5px;}  
.file_photo{background:#E8E8E8;border:1px solid #D1D1D1;padding:5px;width:132px;tex-align:center;}  
.photo2{border:1px solid #D1D1D1;}

Этот код вставляем вид материалов
Код
<table class="file_entry" cellspacing="0" cellpadding="0" width="100%">  
<tr><td colspan="2" valign="top" class="file_title_td"><div style="padding-top:3px;padding-left:7px;float:left;">  
<div class="toolbar"><img src="/file_enrty/prof.png"> Добавил <a href="$PROFILE_URL$">$USERNAME$</a></div>  
<div class="toolbar"><img src="/file_enrty/download.png"> <a href="$FILE_URL$">Скачать</a><a href="$RFILE_URL$">Скачать удаленно</a></div>  
<div class="toolbar"><img src="/file_enrty/ical.png"> Дата: $DATE$</div>  
<div class="toolbar"><img src="/file_enrty/comm.png"> Коментарии: $COMMENTS_NUM$</div></div>  
<div class="file_title"><a href="$ENTRY_URL$">$TITLE$</a><div style="float:right;">$MODER_PANEL$</div></div></td></tr>  
<tr><td style="padding:5px;" width="150"><div class="file_photo"><a href="$SCREEN_URL$" target="_blank"><img class="photo2" src="$SCREEN_URL$/file_enrty/noimage.png" width="130" height="100"></a></div></td><td align="left" style="padding:5px;">$MESSAGE$</td></tr></table>
30 Апреля 2012 Загрузок: 25 Просмотров: 3204 Комментариев: (2)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 2
Maryges
Maryges 12 Января 2016 23:531
0
Но сейчас такой вид очень редко можно увидеть на сайте.
Kosten
Kosten 13 Января 2016 00:032
0
Но сейчас основном делают, под мобильные устройства, и этот также можно сделать.
avatar