Продолжаем придумывать разные адаптивные примочки для наших сайтов.
Теперь займемся изготовлением модуля для рекламы гугля, да так, чтобы этот самый гугля понимал, что ему в модуле выводить, да быть в границах дозволенного, то бишь не вылезать за рамкиприличия модуля и быть адаптивным к разным гаджетам.
Итак, начнем с того, что сотворим файл /templates/_default_/modules/module_adsense.tpl
с таким содержимым:
Далее, пропишем для этого модуля стили в наш файл стилей (например styles.css)
разумеется, все отступы и рамки — это по настроению.
ну и, наконец, создавая рекламный (NB! АДАПТИВНЫЙ!!!) модуль для гугля, задаем ему наш новоиспеченный шаблон module_adsense.tpl
Теперь, в зависимости от размера экрана, выводиться будет баннер на максимальную ширину и в оптимальной ориентации.
Теперь займемся изготовлением модуля для рекламы гугля, да так, чтобы этот самый гугля понимал, что ему в модуле выводить, да быть в границах дозволенного, то бишь не вылезать за рамки
Итак, начнем с того, что сотворим файл /templates/_default_/modules/module_adsense.tpl
с таким содержимым:
<div class="module_adsence"> {$mod.body} </div>
/* module_adsence.tpl styles */ .module_adsence {text-align:center; overflow:hidden; margin:10px 0 10px 0; padding:3px; border:1px dotted #325d88;} .module_adsence a img {width:100%;} /* the end of module_adsence.tpl styles */
ну и, наконец, создавая рекламный (NB! АДАПТИВНЫЙ!!!) модуль для гугля, задаем ему наш новоиспеченный шаблон module_adsense.tpl
Теперь, в зависимости от размера экрана, выводиться будет баннер на максимальную ширину и в оптимальной ориентации.
Реклама #
afinskiy 8 лет назад #