Зачем такие сложности?  

Вот тег
{custom category="1" template="здесьназваниефайла" aviable="global" from="0" limit="4" cache="no"}
Создайте 2 файла с разным отображение краткой новости

custom category="1" - из какой категории брать новости
template="здесьназваниефайла" - название файла (пример:  shortstory  и shortstory1)
limit="4"     - сколько новостей выводить

нет вы не поняли, мне нужен css 
что бы получить 


нужно прописать css, получается так а нужно как на фото

[member=colro], чтобы так, как на фото, нужно просто перенести кусок нужного кода в нужный шаблон.
Это как бы ясно.

Я думаю этот кусок

.cat_list li a:hover .info {background:#ecf0f1;}
.cat_list li a .info .name {float:left;height:46px;width:285px;margin: 7px 0px 0px 14px;}
.cat_list li a .info .name h3 {
font-size: 13px;
line-height: 14px;
color: rgb(51, 51, 51);
height: 46px;
vertical-align: middle;
font-weight: normal;
display: table-cell;
}
.cat_list li a .info .categ {width:40px;height:60px;float:left;margin-top:10px;}
.cat_list li a .info .categ.steam {background:url('../images/categ-steam-h.png') center 3px no-repeat;}
.cat_list li a:hover .info .categ.steam {background:url('../images/categ-steam.png') center 3px no-repeat;}
.cat_list li a .info .categ.origin {background:url('../images/categ-origin-h.png') center 3px no-repeat;}
.cat_list li a:hover .info .categ.origin {background:url('../images/categ-origin.png') center 3px no-repeat;}
.cat_list li a .info .categ.uplay {background:url('../images/categ-uplay-h.png') center 3px no-repeat;}
.cat_list li a:hover .info .categ.uplay {background:url('../images/categ-uplay.png') center 3px no-repeat;}
.cat_list li a .info .categ.battle {background:url('../images/categ-battle-h.png') center 3px no-repeat;}
.cat_list li a:hover .info .categ.battle {background:url('../images/categ-battle.png') center 3px no-repeat;}
.cat_list li a .info .cost {
width: 60px;
height: 46px;
float: right;
text-align: center;
font-size: 13px;
border-left: 1px solid rgb(229, 229, 229);
margin-top: 7px;
line-height: 46px;
}
.cat_list li a .info .cost span {
font-size: 9px;
position: relative;
top: -4px;
}

нужно вставить в ваш шаблон.
Ну и пути к изображениям - свои.

Или может я не понял..

вы правильно поняли, но не получается, остается все так же

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.