Как сделать ленту на постере как на киного?

Может банально, но кто знает код, как такую ленточку вставить на постер в краткой новости?

 

это нужно прописать в shortstory тпл, а стили в style.css?

 

не работает, вставил в шорт стори, так как на киного, + прописал стили - все глухо

 

Вот полный код краткой новости, посмотрите пожалуйста где необходимо поставить.

Код:

<div class="kino-item ignore-select">

    <div class="kino-title">
        <a href="{full-link}" class="kino-h"><h2>{title limit="80"}</h2></a>
        <div class="kino-info">
            <div class="k-rate">{rating}</div>
            [group=5]<div class="k-fav fav-guest" data-label="Для добавления в закладки необходима регистрация"><i class="fa fa-star-o"></i></div>[/group]
            [not-group=5]
            [add-favorites]<div class="k-fav" title="Добавить в закладки"><i class="fa fa-star-o"></i></div>[/add-favorites]
            [del-favorites]<div class="k-fav k-fav-added" title="Убрать из закладок"><i class="fa fa-star"></i></div>[/del-favorites]
            [/not-group]
        </div>
    </div>
   
    <div class="kino-date icon-left"><i class="fa fa-clock-o"></i>{date}</div>
   
    <div class="kino-inner clearfix">
   
        <div class="kino-img img-box">
            <img src="{image-1}" alt="{title}" title="{title}" />
            <div class="carou-inner pseudo-link" data-link="{full-link}"><i class="fa fa-play-circle-o"></i></div>
            <div class="k-meta show-trailer" title="Смотреть трейлер"><i class="fa fa-play"></i></div>
        </div>
       
        <div class="kino-text">
       <div style="text-align: center;" class="fr-text-red"><span style="font-size: 14px;"><b>[xfvalue_newfield]</b></span></div>
        <br>
            <div class="kino-desc clearfix">{short-story limit="400"}</div>
            <ul class="kino-lines">
              <li><div class="k-label"><b>Год выпуска:</b></div>[xfvalue_year]</li>
              <li><div class="k-label"><b>Страна:</b></div>[xfvalue_country]</li>
              <li><div class="k-label"><b>Жанр:</b></div> {link-category}</li>
                <li><div class="k-label"><b>Качество:</b></div> <span>[xfvalue_kashestvo]</span></li>
              <li><div class="k-label"><b>Перевод:</b></div>[xfvalue_perevod]</li>
                <li><div class="k-label"><b>Продолжительность:</b></div>[xfvalue_time]</li>
              <li><div class="k-label"><b>Премьера (РФ):</b></div>[xfvalue_premier-rus]</li>
            </ul>
            <div class="k-link pseudo-link" data-link="{full-link}"><i class="fa fa-film"></i>Смотреть онлайн</div>
        </div>
    </div>
   
   
</div>

 

почистил, всё заработало. Всем спасибо!