выбирайте тот, который вас полностью устраивает
В этих плагинах нельзя зафиксировать окно стикер, это окно движется вслед за картинкой. Для более наглядного примера дам ссылку на сайт, где это реализовано. http://www.nmdcomp.ru. Уже перепробовал миллион плагинов, все не то. А так-то этот плагин https://wordpress.org/plugins/smart-slider-3/ был бы самым верным решением, но как там поправить, чтобы реализовать такое, не могу сообразить.
Сообразиил, как все-таки это реализовать. Кому интересно, то вот решение.
Посмотрел в мазилле html код и стили, тупо все скопировал. И разместил дивы на странице со слайдером, внутри:
<div class=»n2-code»>[smartslider3 slider=2]</div>
<div class=»promo__review»>
<div>
<h3 class=»promo-title»>НОВОСТИ</h3>
<div id=»bx_123911304_118″>
<data value=»03-03-2015″>04.03.2016</data>
<p>Поздравление женской половины коллектива ЗАО «НМД» с 8 марта!</p>
Подробнее »
</div>
все новости
</div>
<div class=»n2-code»></div>
А затем отредактировал на свои ссылки. В таблице стилей, в редакторе вордпресс тоже добавил код:
.promo__review {
position: absolute;
background: rgba(18, 45, 90, 0.6);
background-color: rgba(18, 45, 90, 0.6);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
top: 0;
left: 50%;
margin-left: 242px;
height: 100%;
width: 270px;
z-index: 4;
color: #ffffff;
padding: 24px 25px;
padding-top: 24px;
padding-right: 25px;
padding-bottom: 24px;
padding-left: 25px;
padding-right: 18px;
Ну и там уже мелочи, отредактировать эти стили
-
Ответ изменён 8 лет, 2 месяца назад пользователем
Mayskiykot.
Возьмите любой плагин, а ваш фиксированный блок расположите поверх z-index: 10000. И возможно position: absolute