Оформляем рекламный блок Я. Директа

Здравствуйте хабро-люди! Хочу поговорить свами о недокументированных возможностях оформления рекламных блоков Я.Директа.

Пошаговая настройка оформления объявлений моими глазами:
Этап 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;
/* Делаем надпись Я.Директ белой */
}

Готово! Любуемся:


—Вас еще не выгнали с Директа?
—Тогда мы идем к Вам!

Все указанные способы используйте на свой страх и риск. Все имена вымышлены, все совпадения случайны. Я удаляюсь. Всем спасибо!

Источник — Чернев.Ру