<style type="text/css">
#pun-title TABLE, #pun-title h1{
  background: none;
}
#pun-title, #pun-title .container {
  background-image: url(cсыль на картинку);background-repeat:no-repeat ; height: 305px;
  }
</style>

Описание:

Cbox это веб чат с расширенными возможностями / комментариями / поддержкой тегов и оформления с великолепными возможностями, высокой стабильностью и скоростью .

Установка:

Заполняем форму, указывая Username (Имя пользователя), Password (Пароль), Confirm Password (Повторить пароль), E-mail (Адрес электронной почты), Websait (Вебсайт), Language (Язык) и Skin (Внешний вид). После этого на ваш почтовый ящик приходит письмо. В нем щелкаем по первой ссылке, и на открывшейся странице вводим Имя пользователя и Пароль (они также указаны в письме). В появившемся окне копируем код, щелкая по кнопке Copy to clipboard. Идем на ваш форум и ставим код куда вам надо.

Использование:

В окне чата в графе Имя вводим ваше имя, набираем сообщение и жмем ОК.

Некоторые настройки:

В коде чата параметры width="..." height="..." - это параметры ширины и высоты чата. Меняя их значения, создаем нужный вам чат по ширине и высоте. В коде идет 2 блока этих параметров, первый - для самого чата, второй - для панели управления

Бегушая строка и её состfвляющие (причём можно ставить везде где поддерживается ХТМЛ, а именно начиная с ХТМЛ низ/верх, описания раздела, объявления и правил, и быстрого jтвета):

Для того чтобы отобразить некий текст, баннеры и другие элементы в форме бегущей строки, помещаем свой текст (или HTML эдлементов) в теги
<marquee>...</marquee>

Для этого тега можно опционально задать следующие атрибуты, или свойства бегущей строки:

Aling   - выравнивание текста
Возможные значения:
LEFT - по левому краю
RIGHT - по правому
MIDDLE - по центру
BOTTOM - по нижнему

Behavior  - поведение текста (Способ движения)
Возможные значения
SCROLL - движется в одном направлении, постепенно исчезая из поля зрения
SLIDE - доезжает до края и останавливается
ALTERNATE - ездит от края к краю

Scrolldelay - задержка смещения (интервал в миллисекундах между показами текста на разных позициях, создающими эффект анимации)
Возможные значения: любое числовое

Loop  - число проигрываний
Возможные значения
число
INFINITE - бесконечное проигрывание

Widht  - ширина поля

Height  - высота поля

Direction  - направление движения
Возможные значения
LEFT
RIGHT
UP

Bgcolor - фон поля бегущей строки

Vspace - отступ сверху и снизу поля

Hspace - отступ слева и справа

Пример горизонтальной бегущей строки

    <marquee behavior="scroll" direction="left" bgcolor="#FF0000" width="200" height="25" scrolldelay="10" loop="infinite">Ваш текст </marquee>

Пример вертикальной бегущей строки:

    <marquee behavior="scroll" direction="up" bgcolor="#FFFF00" width="400" height="400" scrolldelay="100" loop="20">Ваш текст</marquee>

Чтобы строка останавливала движение при наведении мыши в тег надо добавить
onMouseOver="this.stop()"
onMouseOut="this.start()"

Например

    <marquee onMouseOver="this.stop()"  onMouseOut="this.start()"> Ваш текст </marquee>