Темно серый вид материала, вытянутый из подобия уже всем известного шаблона, и переделан мною для нашего сайта ucozon.ru просто вижу многих пользователей интересует данный вид материала, и вот я вам его выкладываю в полной функциональности ,и так приступим к установке данного вида Вид материалов с закрытием блока.
скрипт, картинки для того что бы перезалить нужно скачать архив.
Установка вида новостей с блоком:
на страницах которых будет показан данный вид
в <head> вставляем данный скрипт, он служит для открывания и закрывания блоков
Code
<script type="text/javascript" src="http://ucozon.ru/SCRIN7/1/img/strely.js"></script>
В таблицу стилей вставляем данный стиль
Code
.eBlock5 {background:#4e4e4e;border:1px solid #1b1b1b;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#dedede; padding: 4px; border:1px solid #000000; background:url('http://ucozon.ru/SCRIN7/1/img/etitle1.png') repeat-x ;}
.eTitle6 {font-family:Verdana,Arial,Sans-Serif;font-size:11px;color:#dedede; padding: 4px; border:1px solid #000000; background:url('http://ucozon.ru/SCRIN7/1/img/etitle1.png') repeat-x ;}
.eTitle1 {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#dedede; padding: 4px; border:1px solid #000000; background:url('http://ucozon.ru/SCRIN7/1/img/etitle1.png') repeat-x ;}
.eTitle5 {font-family:Verdana,Arial,Sans-Serif;font-size:11px;color:#dedede; padding: 4px; background:url('http://ucozon.ru/SCRIN7/1/img/etitle1.png') repeat-x ;}
.eText {text-align:justify; padding:5px;}
Это уже сам код вида материалов, его самом собой нужно вставить в вид материалов вашего модуля
Code
<br>
<table class="eBlock5" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr>
<td class="eTitle" style="border: 1px solid rgb(27, 27, 27);" width="95%"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <a href="$ENTRY_URL$"><span style="">$TITLE$</span></a></td>
<td class="eTitle" style="border: 1px solid rgb(27, 27, 27);" width="5%">
<a style="font-weight: normal;" href="javascript://" onclick="$('#news_$ID$').slideToggle('slow');"><center><img src="http://ucozon.ru/SCRIN7/1/img/strelki.png" border="0"></center></a></td>
</tr> </tbody></table>
<div id="news_$ID$">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div class="eText" style="text-align: left; clear: both;">
<?if($OTHER1$)?> <a class="m" href="$ENTRY_URL$">
<span oncontextmenu="return false;" ondragstart="return false";><img src="$OTHER1$" vspace="5" width="200" align="left" border="2" hspace="10" galleryimg="no" title="$TITLE$"></span></a><?else?>
<?if($IMG_SMALL_URL1$)?> <a href="$ENTRY_URL$"><img src="$IMG_SMALL_URL1$" vspace="5" width="200" align="left" border="1" hspace="10" title="$TITLE$"></a><?else?>
<?if($IMG_URL1$)?> <a href="$ENTRY_URL$"><img src="$IMG_URL1$" vspace="5" width="200" align="left" border="1" hspace="10" title="$TITLE$"></a>
<?else?><a href="$ENTRY_URL$" title="Скриншота нету,$TITLE$"> <img src="http://ucozon.ru/SCRIN7/1/ryjrsght5.png" vspace="5" width="200" align="left" border="1" hspace="10"></a>
<?endif?><?endif?><?endif?>
<h3>Описание "$TITLE$"</h3><hr>$MESSAGE$
</div></td></tr></tbody></table>
<div width="100%" class="eTitle5" style="border: 1px solid rgb(27, 27, 27);">Просмотров: $READS$ |
Добавил: <a href="javascript://" rel="nofollow" onclick="window.open('/index/8-$UID$','$UID$','scrollbars=1,top=0,left=0,resizable=1,width=720,height=600');return false;">[ $USERNAME$]</a> |
Дата: <span title="$DATE$">$DATE$</span>
| <a href="$COMMENTS_URL$"> Комментарии ($COMMENTS_NUM$)</a> |
<a href="$ENTRY_URL$"><b>Просмотреть материал</b></a>
</div></div></td></tr></tbody></table>
Настройка: настройка не нужна ну если между блоками маленькое расстояние то в вид материалов можно вставить <br> в конце кода.
Вывод картинки скрина тут сделан с 3 позиций или дополнительное поле 1 или скриншот форма и в уменьшенном виде, если нет изображения то покажет скрин нет картинки.