Как сделать рекламу в блоге виджета html залипающей.

#16 18 октября 2018 в 00:52

Спасибо… У меня заработало… Только он дёргается почему то..

@demelkar
Скопировать wrapper_float.tpl.php в templates\widgets\, в самом файле поправить height и width блока ({height:600px;width:250px}).
В настройках виджета вкладка Дизайн>Шаблон контейнера выбрать wrapper_float, в Опции — Содержимое HTML блока прописать код рекламы .
#17 18 октября 2018 в 01:02
Пробовал ваш код… На двух разных инстантах попробовал и на рахных браузерах… дёргается почему то

вы код который я дал пробуете или который

Mr.VAV
#18 18 октября 2018 в 01:09
Этот вариант у меня заезжает на футер и не очень понятно как его к рекламе привязывать если она адаптивная


Спасибо… У меня заработало… Только он дёргается почему то..

@demelkar
Скопировать wrapper_float.tpl.php в templates\widgets\, в самом файле поправить height и width блока ({height:600px;width:250px}).
В настройках виджета вкладка Дизайн>Шаблон контейнера выбрать wrapper_float, в Опции — Содержимое HTML блока прописать код рекламы .

@elv3327
#19 18 октября 2018 в 01:15
При блоке 600х300 height:600px;width:250px не наезжает.
#20 18 октября 2018 в 01:16
У меня адаптивные блоки почти везде. Ну и сайт сам адаптивный я его постоянно больше меньше делаю… этот вариант будет глючить при таких изменениях


При блоке 600х300 height:600px;width:250px не наезжает.

@elv3327
#21 18 октября 2018 в 12:01
Шаблон адаптивный, резиновый, блок в мобильной версии налазит на контент.
#22 18 октября 2018 в 15:32
  1. <div class="custom ">
  2. <div id="fixed">
  3.  
  4. код рекламы
  5.  
  6. </div>
  7. <script type="text/javascript">
  8. $(document).ready(function () {
  9. var offset = $('#fixed').offset();
  10. var topPadding = 0;
  11. $(window).scroll(function() {
  12. if ($(window).scrollTop() > offset.top) {
  13. $('#fixed').stop().css({marginTop: $(window).scrollTop() - offset.top + topPadding});
  14. }
  15. else {
  16. $('#fixed').stop().css({marginTop: 0});
  17. }
  18. });
  19. });
  20. </script>
  21. </div>

Прописывать бы все в файл и подключать в виджет...

@elv3327

+ чтобы меню прилипали.
#23 18 октября 2018 в 17:02
"Прописывать бы все в файл и подключать в виджет..."

Я так и сделал по аналогии как выше давали шаблон для виджета.
Только жаль скрипты которые footer учитывают не видят футера из виджета… пока осталось только этот момент исправить


  1.  
  2.  
  3.  
  4. код рекламы
  5.  
  6.  
  7.  
  8. $(document).ready(function () {
  9. var offset = $('#fixed').offset();
  10. var topPadding = 0;
  11. $(window).scroll(function() {
  12. if ($(window).scrollTop() > offset.top) {
  13. $('#fixed').stop().css({marginTop: $(window).scrollTop() - offset.top + topPadding});
  14. }
  15. else {
  16. $('#fixed').stop().css({marginTop: 0});
  17. }
  18. });
  19. });
  20.  
  21.  

Прописывать бы все в файл и подключать в виджет...

@elv3327

+ чтобы меню прилипали.

@elv3327
#24 18 октября 2018 в 17:36

Я так и сделал по аналогии как выше давали шаблон для виджета.

@demelkar
Работает. Спасибо

  1. <div class="custom ">
  2. <div id="fixed">
  3.  
  4. <div align="center">
  5. код рекламы
  6. </div>
  7.  
  8. </div>
  9. <script type="text/javascript">
  10. $(document).ready(function () {
  11. var offset = $('#fixed').offset();
  12. var topPadding = 0;
  13. $(window).scroll(function() {
  14. if ($(window).scrollTop() > offset.top) {
  15. $('#fixed').stop().css({marginTop: $(window).scrollTop() - offset.top + topPadding});
  16. }
  17. else {
  18. $('#fixed').stop().css({marginTop: 0});
  19. }
  20. });
  21. });
  22. </script>
  23. </div>
#25 18 октября 2018 в 22:03


Я так и сделал по аналогии как выше давали шаблон для виджета.

@demelkar
Работает. Спасибо

  1.  
  2.  
  3.  
  4.  
  5. код рекламы
  6.  
  7.  
  8.  
  9.  
  10. $(document).ready(function () {
  11. var offset = $('#fixed').offset();
  12. var topPadding = 0;
  13. $(window).scroll(function() {
  14. if ($(window).scrollTop() > offset.top) {
  15. $('#fixed').stop().css({marginTop: $(window).scrollTop() - offset.top + topPadding});
  16. }
  17. else {
  18. $('#fixed').stop().css({marginTop: 0});
  19. }
  20. });
  21. });
  22.  
  23.  

@elv3327

У меня с таким решением получился бесконечный скрол вниз.
#26 18 октября 2018 в 22:51
  1. <div class="sticky-block">
  2. <div class="inner">
  3. скрипт рекламы
  4. </div>
  5. </div>
  6. <script type="text/javascript">
  7. $(window).scroll(function() {
  8.  
  9. var sb_m = 20; /* отступ сверху и снизу */
  10. var mb = 300; /* высота подвала с запасом */
  11. var st = $(window).scrollTop();
  12. var sb = $(".sticky-block");
  13. var sbi = $(".sticky-block .inner");
  14. var sb_ot = sb.offset().top;
  15. var sbi_ot = sbi.offset().top;
  16. var sb_h = sb.height();
  17.  
  18. if(sb_h + $(document).scrollTop() + sb_m + mb < $(document).height()) {
  19. if(st > sb_ot) {
  20. var h = Math.round(st - sb_ot) + sb_m;
  21. sb.css({"paddingTop" : h});
  22. }
  23. else {
  24. sb.css({"paddingTop" : 0});
  25. }
  26. }
  27. });
  28. </script>
  29. </div>
Прилипает и в Записи Типа контента
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.