1. Как получить код доски объявлений
   
2. Как правильно поставить код
   
3. Как использовать CSS стили
   
4. Как правильно подобрать цвета

Получить код своей "Прогрессивной" доски объявлений, очень просто. В верхнем меню есть пункт "получить код" или перейдите по ссылке. Зайдите, выберите вид отображения доски объявлений и как результат вы получите КОД.
Для наглядности Вы можете посмотреть примеры отображения.

HTML код который предлагается разместить на станице Вашего сайта, представляет собой простой JavaScript, который будет обращаться к единой базе данных и выводить информацию на экране. Вставить его можно в любом удобном для Вас месте.

Вставив например следующий код

Пример использования можно посмотреть по адресу на http://auto.sarcity.ru/. или на http://phones.sarcity.ru/
Так же можно посмотреть работу доски на хостинге MAIL.RU - http://webboard.boom.ru/

CSS стили используются для оформления сайтов. В них можно описать, как будут выглядеть на экране ВСЕ отображаемые HTML теги или создать свои описания и использовать их в оформлении. Использовать таблицу стилей можно двумя путями

1. Подгружать из внешнего файла
   Для этого необходимо создать файл и описать в нем нужные элементы.
   А в шапку документа вставить текст описывающий местонахождения CSS документа
   
   <link href="style.css" rel="stylesheet" type="text/css" />
   
   
2. Вставлять в тело HTML документа.
   В этом варианте необходимо в тело документа вставить текст. Например как это сделано в оригинале.
   
   
   <STYLE type=text/css>
   .indextable {
     COLOR: #000080;
     BACKGROUND-COLOR: #f7d8b3;
     BORDER: #f2c58c 1px solid;
     PADDING: 6px;
     TEXT-DECORATION: none
   }
   .indextext {
     COLOR: #000080;
     BACKGROUND-COLOR: #f9f9f9;
     BORDER: #f2c58c 1px solid;
     PADDING-BOTTOM: 1px;
     PADDING-LEFT: 6px;
     PADDING-RIGHT: 6px;
     PADDING-TOP: 1px;
     MARGIN: 1px;
     WIDTH: 100% }
   </STYLE>

В данном случае для оформления таблиц были использованы indextable и indextext.
Все цвета представлены в шестнадцатеричном формате вида - #f2c58c, которые Вы можете поменять для лучшего совмещения с общим дизайном Вашего сайта.

COLOR - цвет символов
BACKGROUND-COLOR - цвет фона
BORDER - оформление рамки таблицы