Мануал: настройка внешнего вида рекламной строчки Nolix

UPDATE: статья потеряла актуальность, т.к. теперь оформление строк производится путем смены темы оформления в настройках сайта. Быстро, удобно и красиво!

По многочислинным просьбам пользователей, сегодня был выложен мануал по настройке внешнего вида рекламной строчки от Nolix:

Настройка рекламной строки Nolix не занимает много времени  и производится путем редактирования стилей контейнера (div), в который помещается код вызова рекламной строки.

Для удобства будем использовать идентификатор «nolix»:

<div id=»nolix»><SCRIPT language=’javascript’ SRC=’http://nolix.ru/jads.php?url=id’></SCRIPT></div>

В файл стилей вашего сайта (*.css) добавим новые стили для nolix:

#nolix {
}
#nolix a.nolix {
}
#nolix a {
}

Где:

#nolix – общий вид строчки (сюда можно добавлять информацию об отступах, фоне, цвете и т.д.)

#nolix a.nolix – вид рекламной ссылки (сюда можно добавлять информацию о размере ссылки, цвете, шрифте и т.д.)

#nolix a – вид надписи «Добавьте сюда вашу рекламу всего за …» (также можно настроить размер, шрифт, цвет и т.д.)

Внимание! Обязательно указывайте после значения каждого атрибута параметр !important.

Итак, перейдем непосредственно к примерам:

1) для того, чтобы закрепить строчку на одном месте (чтобы не перемещалась при прокрутке страницы) необходимо всего-навсего добавить 1 строчку в стили:

#nolix {position:fixed !important;}

Пример

2) Еще один пример неподвижной строчки с более тонкой настройкой стилей:

Пример

Код:

<style>
#nolix{width:90%;height:20px;display:block;padding:0.5em;border:1px solid #cccccc;position:fixed;z-index:100; background-color:#F2F2F2;
-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
#nolix > div{padding:0px !important}
#nolix a.nolix {color:#0061c1 !important;font-size:18px !important;font-weight:700 !important;display:inline !important;float:left !important}
#nolix a{font-size:12px !important;float:right !important;display:inline !important}
</style>
<div id=»nolix»><script type=»text/javascript» src=»http://nolix.ru/jads.php?url=ID_ВАШЕГО_САЙТА»></script></div>

3) Многим нравится рекламная строчка в виде тонкой полоски (незакрепленная при прокрутке).

Пример

Код:

<style>
#nolix {width:905px;height:24px;display:block;margin:5px 0px;padding:0.3em 1em;border:1px solid #cccccc;
background:#fcf8ce !important;position:center;z-index:100}
#nolix > div{padding:0px !important}
#nolix a.nolix {color:#0061c1 !important;font-size:20px !important;font-weight:700 !important;display:inline !important;float:left !important}
#nolix a{font-size:12px !important;float:right !important;display:inline !important}
</style>
<center><div id=»nolix»>
<script type=»text/javascript» src=»http://nolix.ru/jads.php?url=ID_ВАШЕГО_САЙТА»></script>
</div></center>

Как видим, оформление рекламной строчки Nolix ограничивается только лишь вашей фантазией. Все остальное – работа с CSS.

*Пожалуйста, не забывайте, что для того, чтобы ваши стили работали, код рекламной строчки должен быть обернут в

<div id=»nolix»><SCRIPT … ></div>

Удачных экспериментов!

Оригинал статьи тут. Анонс саперам.