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

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

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

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

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

Код PHP:
  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

Теперь, в зависимости от размера экрана, выводиться будет баннер на максимальную ширину и в оптимальной ориентации.
Модуль погоды от ГисМетео | InstantCMS Ver.1.10.7. Исправлено и дополнено. Ver_1.10.7.004_от_13.01.2017
Комментарии (1)
afinskiy 20 мая 2016 в 00:06 0
small user social cms
Спасибо, попробуем!