Качаем картинки вида материалов отсюда: http://depositfiles.com/files/am4zxw6f0

Кидаем их в папку "vidimg"

Далее идем в Css и ставим в самый этот код:

.x_news {
border: 1px solid #a8a9aa;
background-color:#e9e9e9;
width:640px;
}

.x_news_title {
background-image: url(/vidimg/x_news_title.png);
height: 26px;
width: 100%;
border-bottom: 1px solid #a8a9aa;
text-align: left;
}

.x_news_title a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 26px;
padding-left: 7px;
}

.x_news_title a:link,
.x_news_title a:active,
.x_news_title a:visited {color: #474747; text-decoration: none;}
.x_news_title a:hover {color: #202020; text-decoration: none;}

.x_newst {
height: 19px;
width: 100%;
font: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
background-image: url(/vidimg/x_news_t.png);
background-repeat: no-repeat;
background-position: left;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left:4px;
text-align: left;
text-shadow: #000 1px 1px 1px;
}

.x_news_blueText,
.x_news_blueText:link,
.x_news_blueText:active,
.x_news_blueTe xt:visited {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;text-shadow: #000 1px 1px 1px;}
.x_news_blueText:hover {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#c7c5c5;text-shadow: #000 1px 1px 1px;}

.x_news_content {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #474747;
width:480px;
text-align: left;
}

.x_news_full {
line-height: 21px;
background-image: url(/vidimg/x_news_full.png);
background-repeat: no-repeat;
height: 19px;
width: 109px;
text-align: center;
background-position: right;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-shadow: #000 1px 1px 1px;
}

.x_news_info {
line-height: 21px;
background-image: url(/vidimg/x_news_info.png);
background-repeat: no-repeat;
height: 19px;
width: 100%;
text-align: left;
background-position: left;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left:4px;
text-shadow: #000 1px 1px 1px;
}

Далее:
Качаем архив higslides отсюда: http://depositfiles.com/ru/files/17s3ppwn1
Кидаем всё в корень

Далее:
Удаляем все из вида материалов(из модуля в котором вы хотите видеть данный вид)и вставляем это:

<script type="text/javascript" src="/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = '/highslide/graphics/';</script>
<style type="text/css" media="all">@import url(/highslide/highslide.css);</style>

<div class="x_news">

<div class="x_news_title"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="x_newst">Категория: <a href="$CATEGORY_URL$" class="x_news_blueText">$CATEGORY_NAME$</a></div>

<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="x_news_screen">

<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" title="$TITLE$" width="120"></a>
</td>
<td class="x_news_content">$MESSAGE$<td>
</tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" align="left">
<div class="x_news_info">
Дата: <a class="x_news_blueText">$DATE$</a> |
Добавил: <a href="$PROFILE_URL$" target="_blank" class="x_news_blueText">$USERNAME$</a> |
Просмотров: <a class="x_news_blueText">$READS$</a> |
Загрузок: <a class="x_news_blueText">$FILE_URL$</a>
</div></td>
<td valign="top" align="right"><div class="x_news_full"><a href="$ENTRY_URL$" class="x_news_blueText">Подробнее</a></div></td>
</tr>
</table>
</div>

Автор данного рипа йЯ(Тоесть duShman)

pS.Модеры если несложно поравьте сообщение (в моей группе нет прав на использование BB-кодов