Анатолий

Ну по поводу уменьшенных изображений выставьте в
Настройка работы с изображениями
Размер уменьшенной копии загруженного изображения:
Примерно там 200 или 300 на ваше усмотрение. При добавлении новости соответственно можно просто тупо выделить допустим 6 картинок и нажать "Добавить" они по умолчанию должны выстроится в ряд. А так же лучше еще будет отредактировать новость через "исходный код". А вот зачем создавать отдельно tpl файл не вижу смысла.
Вот у меня стоят плотно друг к другу допустим 4 картинки
Я правильно если понял то вам нужно почти такое же и при кликании на картинку пользователи сайта смогли бы посмотреть ее в полной величине ?.

@abdurahmanich Все равно не могу понять как реализовать. Ведь содержимое меню категорий вот такое (файл menu.tpl):

<ul class="topmenu" id="topmenu">
    <li>
        <a href="/" title=" Главная"><img src="{THEME}/images/logo.png" width="230" height="45" /></a>          
        <a href="news" title="TEST"><b>НОВОСТИ</b></a>
        <a href="internet" title="Internet"><b>ИНТЕРНЕТ</b></a>
        <a href="science" title="Наука"><b>НАУКА</b></a>
</ul>

И нужно что бы выводило в файле shortstory.tpl. А в этом файле стоит же стандартный<div class="category">{link-category}</div> с CSS :

.news .category {
    float: left;
    background: #fd5559;
    min-width: 37px;
    height: 32px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    margin-left: 0px;
    width: 67px;
    text-align: center;

Вот желаемый результат:

@abdurahmanich
А как быть со стандартным ?:
<div class="category">{link-category}</div>
Стиль который выводиться:

.news .category {
    float: left;
    background: #fd5559;
    min-width: 37px;
    height: 32px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    margin-left: 0px;
    width: 67px;
    text-align: center;