/* ------------------= DatePost =------------------ */
.icon{
    width: 16px; height: 16px;
    float: left;
    background: url() no-repeat;
    margin-right: 5px;
}
.icon-img {
    font-size: 8pt;
    color: #7f3009;
    text-align: center;
    display: block;
    line-height: 11px;
    padding-top: 10px;
    margin-left: -3px;
}   
/* =========================== */

<div class="icon-date"><span class="icon-img">
    <?if($CID$='1')?><img src="Ссылка на иконку" border="0" alt="$CATEGORY_NAME$" /><?endif?>
    <?if($CID$='2')?><img src="Ссылка на иконку" border="0" alt="$CATEGORY_NAME$" /><?endif?>
    <?if($CID$='3')?><img src="Ссылка на иконку" border="0" alt="$CATEGORY_NAME$" /><?endif?>
    <?if($CID$='4')?><img src="Ссылка на иконку" border="0" alt="$CATEGORY_NAME$" /><?endif?>
    <?if($CID$='5')?><img src="Ссылка на иконку" border="0" alt="$CATEGORY_NAME$" /><?endif?>
<!-- И ТАК ДАЛЕЕ... В ЗАВИСИМОСТИ ОТ КОЛИЧЕСТВА КАТЕГОРИЙ / ДАННУЮ СТРОКУ, УДАЛИТЬ //-->
</span></div>