D.iK.iJ
 
Ссылки Поиск Написать В избранное NO

Блоггер / Блог 2015 год

RSS лента новостей, Подписка по Email

      В РСЯ появился новый интерактивный формат

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

         1) Как выравнивать интерактивный блок РСЯ по центру?
         Можно добавить к div: style="margin-left: auto; margin-right: auto; display: inline-block;"
         Это отцентрирует блок, глюков пока не видел, но все может быть.

         2) Как изменить количество объявлений для адаптивного дизайна?
         Для асинхронного кода после (function(w, d, n, s, t) { нужно вставить скрипт определения ширины экрана:
         var limmw=document.getElementsByTagName("body")[0].offsetWidth;
         if (limmw>=1020) {var limm="3";} else {var limm="2";}
         if (limmw<=820) {limm="1";}

         Ну и заменить limit на limit: limm,

         Понятно, что этот скрипт я делал для своего сайта, где 2 колонки по 200px. И это нужно подрегулировать. Я открывал сайт в Хроме, запускал «просмотр кода элемента» и уменьшал размер экрана до тех пор, пока 3 объявления ни начнут мешаться. Это было на 1020 (чуть меньше). Потом это же делал для 2 объявлений. Их сменяю на 1 уже на 820px.

         
         
Главная, 1, 2,
( 70 )