Вид материалов каталога файлов 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> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
