Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как установить стикер, выводящий значение, на постере ?

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


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

вопрос
Дорогие форумчане, нашел пост которому уже год 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 комментариев

mastodontoff
Юзер

mastodontoff - 30 апреля 2016 15:57 -

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

Aveen
Юзер

Aveen - 30 апреля 2016 17:47 -

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 - все выходит криво, стикер попадает в любое место, кроме постера, а хотелось бы сделать поверх постера и что бы отображалось везде, где есть этот постер. Прощу прощения за кодировку

mastodontoff
Юзер

mastodontoff - 30 апреля 2016 18:27 -

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

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

WIGGO
Юзер

WIGGO - 30 апреля 2016 20:44 -

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

Aveen
Юзер

Aveen - 30 апреля 2016 20:50 -


Сделал сделующее, в шорт сторе добавил новые стили и добавил код в шортстори вот код
<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
Юзер

WIGGO - 30 апреля 2016 21:02 -



mastodontoff
Юзер

mastodontoff - 30 апреля 2016 23:21 -

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

WIGGO
Юзер

WIGGO - 1 мая 2016 05:34 -

Чем он не соответствует?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх