Оформляем любой модуль инстанта в стиле адсенс

Опубликовано:
Редактировалось: 1 раз — вчера в 08:25
Просмотров: 2218
+4
Голосов: 4
Ну, что ж, вчера я отчаянно напилсо, а сегодня пришла пора работать и выполнять обещания))) Итак, всех с Новым годом, и вот небольшой подарок из города-героя Караганды. В целях повышения CTR на МФА-сайтах, полезно, чтобы реклама адсенса максимально вписывалась в дизайн, этим мы с вами щас и займёмся.

Только пойдём мы от обратного, мы оформим модули инстанта (например, последнее видео) в стиле блока адсенс, как вот на этом сайте в сайдбаре (да простит меня сэмпай за палево).

Как мы это будем делать? Чтоб не публиковать щас кучу стилей, качайте вот этот зип, внутри будет add_to_styles.css и пара картинок. Картинки идут в папку /images вашего шаблона, а все из add_to_styles.css нуна закинуть в ваш файл стилей. Обратите внимание на комментарии - я там указал, где какие стили менять, чтобы поиграть с цветами и размерами шрифтов. Думаю, разберётесь.

Теперь правим любой mod_..._.tpl (т.е., можно по образу и подобию менять любые модули). Должно получиться примерно вот что:

Код PHP:
  1.  
  2. <div class="verticalaccordion">
  3. <ul>
  4. {foreach ...}
  5. <li>
  6. <a title="..." href="...">
  7. <h5>Здесь у нас заголовок ролика, или статьи, или ещё чего.</h5>
  8. <span>Здесь анонс ролика, статьи и т.д. Можно также вставить превьюшку, дату публикации, и все такое.</span>
  9. </a>
  10. </li>
  11. {/foreach}
  12. </ul>
  13. </div>
  14.  
Надеюсь, понятно? В тег <h5>...</h5> заключается видимая часть, в <span>...</span> - то, что открывается при наведении курсора.

Вот и всё. При минимальных знаниях структуры инстанта вы уже сможете сами настроить любой модуль в стиле адсенса.
Комментарии (2)
Letsgo #
: +1
Очень хорошая штука. Вчера еще облизывался.
Токарев #
: +1
забирай)

кому помочь настроить - стучите фскайп, пишите фчат

Голосуем

Самый нужный компонент