* цвет текста - цвет который будет использован при оформлении чата.
* цвет - это цвет фона.
* скрол - это полоса прокрутки.

В этом пункте настраиваются стили ссылок.
*цвет текста - какого цвета будут ссылки.
Ещё вы можете добавить рамку или какое то украшение.

В этом пункте настраивается ввид ссылки, при наведении на неё курсором.
Мне захотелось, что бы при наведении появлялся фон.
*цвет текста - можно задать что бы изменялся цвет.
*фон-это фон под ссылкой.
*прозрачность - можно уменьшить прозрачность...в процентах.
*можно сделать рамку или украшение текста.

Пример заголовок таблиц можно посмотреть в личных настройках.
*закругление углов - это насколько будет скруглены углы у рамки.

*Что бы загрузить картинку баннера нажимаем на белый квадрат и ищем у себя на компьютере заранее приготовленный файл.
Если всё прошло успешно..она появиться вот в таком виде:

*свойства - выбираем будет ли повторяться наш баннер.
*позиция - как будет располагаться загруженное изображение. В этом случае я сделала что бы баннер был в левом верхнем углу. Например, если вы устанавливаете дизайн который будет относительно центра..выбирайте стрелку вверх.
*рамка - будет ли наш баннер заключён в рамку. В этом уроке мне не нужна рамка..поэтому ставим значение 0.

Аналогично баннеру загружаем картинку для меню.
И примечания такие же как и "фрейм баннера".

*цвет текста - это цвет текста надписей на кнопках.
*цвет - можно например рисовать кнопки без изображения на фоне..а просто цвет.
*прозрачность - в процентах можно уменьшить прозрачность фонового цвета.
*свойства - лучше ставить значение без повтора. Хотя всё зависит от ваших кнопок.
*шрифт - это относится к тексту на на кнопке.
*закругление углов - можем обозначить насколько будут закруглены края у кнопки. Оставив пустые поля края закруглены не будут.
*ширина, высота - задаём желаемые размеры кнопки. У меня установлены те значения, которые у изображения для фона кнопки.

Как будет выглядеть кнопка при наведении на неё мыши.
Стили выбираем какие вам захочется. Я меняла только цвет текста и фоновое изображение.

Стиль кнопок, по которым уже переходили.
Я обычно оставляю в этом пункте всё в таком виде.

Вокруг кнопок можно задать рамку. В этом дизайне я решилась обойтись без неё..поэтому все поля пусты.

*цвет текста - это цвет, которым будут написаны все текстовые надписи.

В этом пункте задаём стили полей ввода сообщения.
*возможно загружать на фон изображения.
*цвет текста - каким цветом будет вводиться сообщение в поле.
*цвет - цвет фона поля ввода.
*шрифт - какой шрифт будет применён к тексту.
*рамка - меняем цвет и ширину (у меня ширина на скрине 1) рамки.
*закругление углов - будут ли закруглены края у рамки.
*поле - отступы текста.
*отступ - расположение самого поля ввода.
*высота - какой высоты будет поле ввода.

Как будет выглядеть поле ввода, когда оно активно (т.е. когда там курсор или мы что то печатем).
Тут добавляем только изменения с "Поля ввода".

*эти кнопки не имеют определённую ширину, если будете рисовать фон...учитывайте.
*цвет - это цвет фона кнопки.
* высота - можно задать свою высоту этим кнопкам.

Как будет выглядеть кнопка при наведении на неё мышью.

Тут можно задать стили любимых смайлов.
*цвет - цвет фона.

Это основная настройка фрейма.
На этом этапе грузится картинка, которая будет во фрейме.
*цвет текста - цвет сообщений фрейма.
*цвет - какого цвета будет фрейм.
*рисунок - если есть картинка для фрейма загружаем сюда. (обязательно ставим  галочку "фиксировать").
*свойства - будет ли картинка по повторяться по фрейму.
*позиция- определяем положение загруженной картинки (мне нужно было что бы она была в правом верхнем углу).
*поле - отступы текста.

Когда заходим в чат, текстом написано название чата. В этом пункте настраиваем стиль этого текста.
Можно поставить размер шрифта 0 рх, тогда названия чата не будет видно.

В этом пункте настраиваем стиль ников пользователей, которые вошли в чат.

Стиль цифр времени, которые отображаются рядом с сообщением во фрейме.

Настраиваем стиль топика чата.
На скрине, по-моему мнени, наилуший вариант настройки.
*цвет текста - цвет которым будет написан текст в топике.
*фон - советую оставить пустые поля (можно, конечно задать какой то цвет..на этом фоне будет написан текст).
*рамка - будет ли топик обведён в рамку.
*отступ - отступы относительно фрейма.
*поле - отступы текста относительно краёв топика.

Настраиваем стиль подчёркнутых фраз.

Настраиваем стиль рамки для выделенных фраз.

*фон - на каком фоне будет написана выделенная фраза.

Эти пункты отвечают за стиль стандартных фраз входа/выхода посетителей.

Стиль цифр времени входа/выхода посетителя.

Как будет выглядеть ячейка смайла, при наведении на неё курсора.

Стиль цифр страниц смайликов.

Стиль цифр страниц при наведении.

Стиль цифры страницы, на которым сейчас находимся.

*цвет - цвет фона списка посетителей.
*рисунок - изображение которое будет на фоне. (если его нет, ничего не загружаем..останется просто фон).
*свойства - обязательно ставим галочку "фиксировать".
*позиция - определяем позицию загруженного изображения.

*цвет текста - цвет ников в списке посетителей.

Настраиваем стиль статуса.

Этот стиль нужен для списка "кто был".

Стиль строки при наведении мышью (Пример хорошо виден в "Кто был").

.bm - парни
.gm - девушки
.nm - безполые
.vm - на голосовании
.tm - перед всего

*цвет - цвет фона нижней части навигации.
*рисунок - загружаем сюда изображение, которое будет в нижней части навигации.
*свойство - выбираем будет ли повторяться загруженный рисунок.
*позиция - расположение изображения фона.
*рамка - можем задать рамку.
*закругление углов - можно закруглить края.
*отступ - отступы от краёв информации.
*поле - отступ текста относительно фона.

*рисунок - загружаем картинку для верхней части навигации.
*высота - высота верхней части навигации..она равна высоте загруженной картинки.

Стиль текста меню.

Стиль меню текста при наведении мыши.

Стиль текста списка статусов.

Стиль текста статусов при наведении мыши.

Стиль текста текущего статуса.

Я считаю, что она не нужна. Поэтому делаем такие же настройки как на скрине.

*цвет - цвет фона меню.
*рисунок - можно загрузить своё изображение на фон.
*рамка - рамка вокруг меню.
*закругление улов - можно закруглить края у меню.
*поле - отступ текста от краёв.

Стиль заголовка меню.

Стиль текста меню.

Стиль меню при наведении мыши.
Возможно загрузить фоновую картинку.