Как установить стикер, выводящий значение, на постере ?

Aveen 30.04.2016 Шаблоны (TPL), Стили (CSS), Ламерские вопросы 2500

вопрос

Дорогие форумчане, нашел пост которому уже год https://dle-faq.ru/faq/tpl/16964-kak-sdelat-polosku-na-postere.html - сделал все по нему, а дальше пошло "насилие" кода, стал его так сказать крутить и вертеть. вообщем (у меня по русскому языку двойка, я не знаю, что в русском языке не существует слова вообщем) то в любой версии кода мною вставленного, у меня появлялся стикер везде, но не на положенном ему месте ( тоесть на постере ). И еще проблема - не выводится в категориях, новостных лентах, только на самой странице новости. Хотелось бы и это исправить. Вот скриншоты того, что у меня получилось, а точнее не дополучилось

Как мне вывести стикер в положенное ему место ( на постер ) и не только в самой новости, а и в категориях и новостных лентах ? Прошу прощения за писанину.

Ответил: WIGGO

Открыть shortstory.tpl
Найти

<section class="fl-item col-xs-12 col-sm-4 col-md-3">

Ниже вставить

<div class="short_label"></div>

В стили добавить


.short_label{
  z-index:100;
  position:absolute;
  top:10px;
  background:#fff;
  padding:5px;
}

8 комментариев

Юзер

124

mastodontoff - 2015-06-0830 апреля 2016 15:57 - #55199

Добавьте код, в те места где вы хотите чтобы он выводился, а так конечно сложно помочь не видя самого сайта и те места в которые есть желания вставить)

Юзер

Aveen - 2015-06-0830 апреля 2016 17:47 - #55200

http://www.dle9.com/besplatnye/shabloni/4320-goodkino-white-dle-110.html - вот сам шаблон, хотелось бы установить стикер (полоску с выведением обычно HD качества, лицензии, серий как на kinogo.co) на сам постер фильма или сериала в самой новости и в ленте ( популярные фильмы ) Прочитал http://dle-news.ru/extras/online/index.html?noaoeaneea_noaieoeu.html - пока что еще ничего не доходит, нужна практика. Вот сам код fullstory

<div class="article-head">
<div class="row">
        <div class="col-lg-3 col-xs-4">
            <a class="ah-img" target="_blank" href="[xfvalue_image]">
<img src="[xfvalue_image]" alt="{title}" title="РќР°Р¶РјРёС‚Рµ, РґР»СЏ РїСЂРѕСЃРјРѕС‚СЂР° РІ РїРѕР»РЅРѕРј СЂР°Р·РјРµСЂРµ..." /></a>
</div>

, пытался вставить в image - все выходит криво, стикер попадает в любое место, кроме постера, а хотелось бы сделать поверх постера и что бы отображалось везде, где есть этот постер. Прощу прощения за кодировку

Юзер

124

mastodontoff - 2015-06-0830 апреля 2016 18:27 - #55201

Судя по по первому вопросу вам нужен "стикер" в краткой новости, а вы скинули код fullstory, но бес меня путает и я думаю, что это shortstory с тремя открытыми divами и одним закрытым.

Если вы не меняли структуру скаченного шаблона из паблика:
Вам проще сделать так, сделать скрин экрана на скрине указать где должен располагаться "стикер" и указать какой файл шаблона он использует. И вауля 15- 20 минут все готово.

Юзер

WIGGO - 2015-06-0830 апреля 2016 20:44 - #55205

В <div class="short_label"></div> вставляйте что Вам нужно выводить

Юзер

Aveen - 2015-06-0830 апреля 2016 20:50 - #55206

Сделал сделующее, в шорт сторе добавил новые стили и добавил код в шортстори вот код

<section class="fl-item col-xs-12 col-sm-4 col-md-3">
    <script>$(document).ready(function(){$('#cats1').load('{full-link} #l-cats');});</script>
    <div class="new_movie15">
        <span class="new_movie7">
            <span class="new_movie8"><a href="{full-link}"> </a></span>  
        </span>
        <span class="new_movie16">
           <span class="new_movie13">
               <span class="new_movie14">
                   <span class="new_movinfo">{date}<b>[com-link]{comments-num}[/com-link]</b></span>
                   <span class="new_movinfo1"><a href="{full-link}">{title}</a></span>
                   <span class="new_movinfo2">  <div class="fl-cats" id="{news-id}"></div>  </span>  
                   <span class="new_movinfo3">{short-story limit="190"}</span>
                </span>
            </span>
        </span>
        <span style="background: url([xfvalue_image]) no-repeat center; background-size: cover;" class="new_movie4 oops">
            <img alt="{title}" src="[xfvalue_image]">
        </span>
    </div>  
<div class="image">
    <img src="{image}" alt="{title}" />
    <a href="{full-link}">[xfvalue_series]</a>
</div>
    <h3 class="fl-title">
       <a href="{full-link}" data-toggle="tooltip" data-placement="top" title="{title}">{title}</a>
    </h3>
    <div class="fl-options clearfix">
        <span class="fl-options-title">{link-category}</span>
        <span class="fl-options-lead">{date}</span>
    </div>
</section>

но вот что получилось, это новостная лента на самом верху 1 картинка, а в самой новости изменений 0, я интегрировал код с доп полем series

Юзер

WIGGO - 2015-06-0830 апреля 2016 21:02 - #55207

Показать / Скрыть текст

<style>
.short_label{
z-index:100;
position:absolute;
top:10px;
background:#fff;
padding:5px;
}
</style>
<section class="fl-item col-xs-12 col-sm-4 col-md-3">
<div class="short_label">
        HDRIP
        </div>
    <script>$(document).ready(function(){$('#cats1').load('{full-link} #l-cats');});</script>
    <div class="new_movie15">
        <span class="new_movie7">
            <span class="new_movie8"><a href="{full-link}"> </a></span>  
        </span>
        <span class="new_movie16">
           <span class="new_movie13">
               <span class="new_movie14">
                   <span class="new_movinfo">{date}<b>[com-link]{comments-num}[/com-link]</b></span>
                   <span class="new_movinfo1"><a href="{full-link}">{title}</a></span>
                   <span class="new_movinfo2">  <div class="fl-cats" id="{news-id}"></div>  </span>  
                   <span class="new_movinfo3">{short-story limit="190"}</span>
                </span>
            </span>
        </span>
        <span style="background: url([xfvalue_image]) no-repeat center; background-size: cover;" class="new_movie4 oops">
            <img alt="{title}" src="[xfvalue_image]">
        </span>
    </div>  
    <h3 class="fl-title">
       <a href="{full-link}" data-toggle="tooltip" data-placement="top" title="{title}">{title}</a>
    </h3>
    <div class="fl-options clearfix">
        <span class="fl-options-title">{link-category}</span>
        <span class="fl-options-lead">{date}</span>
    </div>
</section>