Отличный вид материалов ucoz




Сегодня я вам представлю отличный вид материалов.
Очень красивый вид материалов подходит для сайтов с тематикой Развлечение/Игры/Фильмы.
Цвет голубой.
Сразу скажу качество у него отличное пользовался сам 2 месяца потом убрал,так как менял шаблон.
Установка уже не из самых легких видов.
На скрине видать что есть ещё уникальный вид рейтинга файла.

Установка:
1).Вставляем код в вид материалов "Каталог файлов"
Quote
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$"><?if(len($TITLE$)>70)?><?substr($TITLE$,0,70)?>...<?else?>$TITLE$<?endif?><?if($AUTHOR_NAME$)?> | $AUTHOR_NAME$<?endif?><?if($VERSION$)?> | $VERSION$<?endif?><?if($RFILE_SIZE$)?> | $RFILE_SIZE$<?endif?></a> $MODER_PANEL$</div>
<div class="eDetails-top"><img alt="" src="/icons/user.png" align="absMiddle"> Добавил: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a>
<img alt="" src="/icons/date.png" align="absMiddle"> Добавлен $DATE$ в $TIME$
<img alt="" src="/icons/views.png" align="absMiddle"> Просмотров: $READS$
<img alt="" src="/icons/comments.png" align="absMiddle"> <a href="$COMMENTS_URL$"><?if($COMMENTS_NUM$)?>Комментарии: $COMMENTS_NUM$<?else?>Комментариев нет<?endif?></a>
</div>

<?if($MESSAGE$)?><!--class="eMessage"--><div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">
<div style="float:left; margin: 0px 7px 15px 0px;">
<?if($IMG_URL1$)?>
<?if($SID$='94')?>
<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="$TITLE$<?if($AUTHOR_NAME$)?> | $AUTHOR_NAME$<?endif?><?if($VERSION$)?> | $VERSION$<?endif?><?if($RFILE_SIZE$)?> | $RFILE_SIZE$<?endif?> | Нажмите, для просмотра в полном размере...">
<img src="$IMG_URL1$" border=0 width=200 height=200 style="border:none;" alt="$TITLE$<?if($AUTHOR_NAME$)?> | $AUTHOR_NAME$<?endif?><?if($VERSION$)?> | $VERSION$<?endif?><?if($RFILE_SIZE$)?> | $RFILE_SIZE$<?endif?> | Нажмите, для просмотра в полном размере..."></a>
<?else?>
<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="$TITLE$<?if($AUTHOR_NAME$)?> | $AUTHOR_NAME$<?endif?><?if($VERSION$)?> | $VERSION$<?endif?><?if($RFILE_SIZE$)?> | $RFILE_SIZE$<?endif?> | Нажмите, для просмотра в полном размере...">
<img src="$IMG_URL1$" border=0 width=200 style="border:none;" alt="$TITLE$<?if($AUTHOR_NAME$)?> | $AUTHOR_NAME$<?endif?><?if($VERSION$)?> | $VERSION$<?endif?><?if($RFILE_SIZE$)?> | $RFILE_SIZE$<?endif?> | Нажмите, для просмотра в полном размере..."></a>
<?endif?>
<?endif?>
</div>
<span style="font-size: 8pt; color:#000; font-family: Tahoma;">$MESSAGE$</span>
</div><?endif?>

<div class="eDetails" style="clear:both; height:30px">
<div style="float:left; margin-top:2px;"><?$RSTARS$('24','/style/stars.png','1','float')?></div>
<div align="center" style="font-size:12px; text-shadow:0px 1px 2px #000; float:left; margin-top:5px; margin-left:30px;">
<a href="$SECTION_URL$" title="Перейти в раздел: $SECTION_NAME$"><span style="font-weight: bold; color:#fff;">$SECTION_NAME$</span></a> »
<a href="$CATEGORY_URL$" title="Перейти в категорию: $CATEGORY_NAME$"><span style="font-weight: bold; color:#fff;">$CATEGORY_NAME$</span></a>
</div>
<div style="float: right; margin-bottom: 4px;">
<a class="button" href="$ENTRY_URL$" title="Перейти на страницу материала"><span>Подробнее »</span></a></div>
</div></td></tr></table><br />


2). Это вставляем в конец CSS:

Quote
/*------------Вид материалов--------------*/
.eBlock {}
.eTitle { z-index:1; padding:9px 0 0px 10px; color:#000000; background:url('http://torrent-load.at.ua/style/etitle.png') repeat-x #FE9D13;height:23px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url('http://torrent-load.at.ua/style/border-radius.htc');}

.eTitle a:link {text-decoration:none;font-size:10pt; font-weight:bold; color:#fff; text-shadow: 0px 1px 2px #000;}
.eTitle a:visited {text-decoration:none;font-size:10pt; font-weight:bold; color:#fff;text-shadow: 0px 1px 2px #000;}
.eTitle a:hover {text-decoration:none;font-size:10pt; font-weight:bold; color:#fff;text-shadow: 0px 0px 5px #fff;}
.eTitle a:active {text-decoration:none;font-size:10pt; font-weight:bold; color:#fff;text-shadow: 0px 0px 5px #fff;}

.eDetails-top {padding:4px 0px 4px 0;text-align:left;font-size:8pt; border-bottom: 1px dotted rgb(169, 169, 169); margin-bottom:5px;}
.eDetails-bottom {padding:2px 3px 3px 3px;text-align:left;font-size:8pt; border-top: 1px solid #D8D8D8; background:#F5F5F5; height:28px;}

.eMessage {text-align:justify;padding:10px !important; font-size: 8pt;}
.eMessage img, .eText img {-moz-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);}

.eText {text-align:justify;padding:10px !important; font-size: 8pt;}
.eDetails {padding:2px 3px 0px 3px;text-align:left;font-size:8pt; border-top: 1px solid #D8D8D8; background:#F5F5F5; height:16px;}
.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/814/12.gif') no-repeat 0px 0px;}
/* ------------- */


Вот и всё будут вопросы жду в комментариев.


Категория: Все для каталогов файлов | Добавил: admim
Просмотров: 883 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]