1.10.6 Заигрываем с Googlем

+16
2.66K
Продолжаем придумывать разные адаптивные примочки для наших сайтов.

Теперь займемся изготовлением модуля для рекламы гугля, да так, чтобы этот самый гугля понимал, что ему в модуле выводить, да быть в границах дозволенного, то бишь не вылезать за рамки приличия модуля и быть адаптивным к разным гаджетам.

Итак, начнем с того, что сотворим файл /templates/_default_/modules/module_adsense.tpl
с таким содержимым:

  1.  
  2. <div class="module_adsence">
  3. {$mod.body}
  4. </div>
  5.  
Далее, пропишем для этого модуля стили в наш файл стилей (например styles.css)

  1.  
  2. /* module_adsence.tpl styles */
  3. .module_adsence {text-align:center; overflow:hidden; margin:10px 0 10px 0; padding:3px; border:1px dotted #325d88;}
  4. .module_adsence a img {width:100%;}
  5. /* the end of module_adsence.tpl styles */
  6.  
разумеется, все отступы и рамки — это по настроению.

ну и, наконец, создавая рекламный (NB! АДАПТИВНЫЙ!!!) модуль для гугля, задаем ему наш новоиспеченный шаблон module_adsense.tpl

Теперь, в зависимости от размера экрана, выводиться будет баннер на максимальную ширину и в оптимальной ориентации.
0
afinskiy afinskiy 8 лет назад #
Спасибо, попробуем!

Еще от автора

Многоуровневый рубрикатор для Доски объявлений
Всем привет. Решил немного монетизировать свои усилия по разработке городских порталов.
InstantCMS 1.10.7 | Сборка. Жизнь продолжается
Приветствую всех любителей и приверженцев первой ветки InstantCMS! Версия 1.10.7 стала финальной от официальных разработчиков.
Модуль погоды от ГисМетео
Для тех, кто не параноит наличием внешних ссылок, посвящается...
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.