Отличный вид материалов "Каталог файлов"


Отличный вид материалов "Каталог файлов"

Вставляем код в вид материалов Каталога файлов:

Code
<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$">70)?>...$TITLE$ | $AUTHOR_NAME$ | $VERSION$ | $RFILE_SIZE$</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$">Комментарии: $COMMENTS_NUM$Комментариев нет</a>
</div>
   
<!--class="eMessage"--><div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">
<div style="float:left; margin: 0px 7px 15px 0px;">


<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="$TITLE$ | $AUTHOR_NAME$ | $VERSION$ | $RFILE_SIZE$ | Нажмите, для просмотра в полном размере...">
<img src="$IMG_URL1$" border=0 width=200 height=200 style="border:none;" alt="$TITLE$ | $AUTHOR_NAME$ | $VERSION$ | $RFILE_SIZE$ | Нажмите, для просмотра в полном размере..."></a>

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

Code
/*------------Вид материалов--------------*/
.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;}
/* ------------- */

Похожие материалы
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]