» »

Вид материалов каталога файлов 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.04.2012 Загрузок: 24 Просмотров: 1653 Комментарий: (2)

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

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

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