Даша-Даша
я разобрала для понятности стиль на кусочки. (см. скриншот ниже)
1. отмечено розовым
основной фон залили красным цветом
вот такой код:
<style>
HTML, BODY {
background-color: #ad3a32;
}
</style>
2. отмечено синим
поверх основного фона размещена фоновая картинка (в формате png - чтобы края были полупрозрачными и плавно переходили в цвет основного фона)
чтобы эта картинка правильно отображалась, надо ее оцентровать и сделать не повторяющейся.
<style>
HTML, BODY {
background-color: #ad3a32;
background-image: url("http://картинка");
background-repeat: no-repeat;
background-position: top center
}
</style>
красная строчка кода позволяет добавить картинку
синяя - делает картинку неповторяющейся
зеленая - делает картинку по центру (top - верх; center - центр)
3. отмечено зеленым
фон форумных таблиц сделан просто одноцветно. делается это следующим образом:
<style>
#pun {
background-color: #beb9a7;
height: 800px;
}
</style>
тут есть один существенный нюанс: необходимо заранее указать ширину форумных таблиц
4. отмечено красным
поверх всего вышеперечисленного идет шапка. (она тоже сделана в формате png)
делать ее необходимо по образу и подобию основного фона, но с нюансами (например, указав высоту шапки)
<style>
#pun-title table {
background: url(http://катринка);
height: 295px;
background-repeat: no-repeat;
background-position: top center;
}
#pun-title .title-logo span {display: none;}
</style>
красное - картинка
синее - высота шапки
розовое - отсутствие повторение шапки
позиционирование - сверху по центру
салатовое - убирает текст и названием форума из шапки
как-то так. есть еще вопросы?