Как сделать такой вид материалов на главной?

[dirty_prince]

По сабжу, http://joxi.ru/J2b1gozhQVBBm6
на скрине дефолтная тема DLE, уникализированная и переделанная по себя, интересует какие файлы нужно редактирвоать что бы получить такой же реузльтат материалов на главной.

[Нарек]

Для главной страницы в dle используется шаблон main.tpl

[truca4]

Короткая новость файла shortstory.tpl

Все классы под себя настраиваем

<div class="shortstory">
 <a href="{full-link}" title="{title}">
  <img src="{image-1}" alt="{title}" />
 </a>
 <div class="shorttitle"><h2><a href="{full-link}" title="{title}">{title}</a></h2></div>
 <div class="short-rating">{rating}</div>
 <div class="vote-num">({vote-num})</div>
 <a href="{full-link}" class="shortbut" title="{title}">СКАЧАТЬ</a>
</div>

 

 

.shortstory{
	position:relative;
	width:147px;
	height:200px;
	font-size:12px;
	line-height:16px;
	color:#707070;
	float:left;
	padding-right:5px;
	margin:0 -20px 0 20px;
}
.shortstory img{
	width:80px;
	height:80px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin-bottom:10px;
}
.shorttitle{
	margin-bottom:5px;
	line-height:15px;
	max-height:30px;
	overflow:hidden;
}
.shorttitle h2 a{
	color:#505050;
	font-size:13px;
	text-decoration:none;
}
.shorttitle h2 a:hover{
	text-decoration:underline;
	color:#303030;
}
.short-rating{
	height:12px;
	width:85px;
	margin:0 0 10px 0;
	float:left;
}
.vote-num{
	float:left;
	margin:0 0 10px 5px;
	font-size:11px;
	color:#909090;
	line-height:12px;
}