Отличный вид материалов "Каталог файлов"
Отличный вид материалов "Каталог файлов
Вставляем код в вид материалов Каталога файлов:
Код
<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>
Это в css:
Код
/*------------Вид материалов--------------*/
.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;}
/* ------------- */
|