Здравствуйте хабро-люди! Хочу поговорить свами о недокументированных возможностях оформления рекламных блоков Я.Директа.
Пошаговая настройка оформления объявлений моими глазами:
Этап 0.
Вот так у нас выглядит исходное место для проведения работ.
Этап 1.
Даже если вы обладатель только половинки мозга и одной руки, при первой работе с объявлениями Директа у вас получиться картина похожая на картинку выше. Н-а-а-а-фик эти дурацкие рамки и явные рекламные блоки — мы будем добиваться максимальной схожести рекламных блоков и сайта.
Этап 2.
Я подкорректировал блоки: убрал рамки, фон объявлений, подобрал цвета.
Вы видите? Объявления отображаются с отступом.
Так вот обрамляем наши объявления с помощью div-блоков следующим образом:
В css пишем следующие:
Этап 3.
Неплохо правда? Но почему бы заголовкам объявлений не придать вид заголовка страницы?
Делаем это опять же с помощью css:
Готово! Любуемся:
—Вас еще не выгнали с Директа?
—Тогда мы идем к Вам!
Все указанные способы используйте на свой страх и риск. Все имена вымышлены, все совпадения случайны. Я удаляюсь. Всем спасибо!
Источник — Чернев.Ру
Пошаговая настройка оформления объявлений моими глазами:
Этап 0.
Вот так у нас выглядит исходное место для проведения работ.
Этап 1.
Даже если вы обладатель только половинки мозга и одной руки, при первой работе с объявлениями Директа у вас получиться картина похожая на картинку выше. Н-а-а-а-фик эти дурацкие рамки и явные рекламные блоки — мы будем добиваться максимальной схожести рекламных блоков и сайта.
Этап 2.
Я подкорректировал блоки: убрал рамки, фон объявлений, подобрал цвета.
Вы видите? Объявления отображаются с отступом.
Так вот обрамляем наши объявления с помощью div-блоков следующим образом:
<div id="ads"> Код Директа </div>
В css пишем следующие:
#ads {
margin-left:-8px;
}
Этап 3.
Неплохо правда? Но почему бы заголовкам объявлений не придать вид заголовка страницы?
Делаем это опять же с помощью css:
#ads .ad-link a {
/* Убираем жирность */
font-weight:normal !important;
/* Убираем нижнее подчеркивание */
text-decoration:none !important;
/* Добавляем подчеркивание аналогичное заголовку */
border-bottom:1px dashed #87855F !important;
/* Увеличиваем шрифт */
font-size:1.4em !important;
/* Выравниваем */
line-height:normal !important;
}
#ads .y5_black, #ads .y5_h a {
color:#FFFFFF !important;
/* Делаем надпись Я.Директ белой */
}
Готово! Любуемся:
—Вас еще не выгнали с Директа?
—Тогда мы идем к Вам!
Все указанные способы используйте на свой страх и риск. Все имена вымышлены, все совпадения случайны. Я удаляюсь. Всем спасибо!
Источник — Чернев.Ру
