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

Опубликовано: 2014-01-03T12:32:03+04:00

Редактировалось: 1 раз — вчера в 13:11

Просмотров: 2946

+4↑

Голосов: 4

Ну, что ж, вчера я отчаянно напилсо, а сегодня пришла пора работать и выполнять обещания))) Итак, всех с Новым годом, и вот небольшой подарок из города-героя Караганды. В целях повышения CTR на МФА-сайтах, полезно, чтобы реклама адсенса максимально вписывалась в дизайн, этим мы с вами щас и займёмся.

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

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

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

Код PHP:

 
<div class="verticalaccordion">
<ul>
    {foreach ...}
<li>
<a title="..." href="...">
<h5>Здесь у нас заголовок ролика, или статьи, или ещё чего.</h5>
<span>Здесь анонс ролика, статьи и т.д. Можно также вставить превьюшку, дату публикации, и все такое.</span>
</a>
</li>	
    {/foreach}
</ul>
</div>

Надеюсь, понятно? В тег <h5>...</h5> заключается видимая часть, в <span>...</span> - то, что открывается при наведении курсора.

Вот и всё. При минимальных знаниях структуры инстанта вы уже сможете сами настроить любой модуль в стиле адсенса.

Комментарии (2)