Шапка + задний фон (т.е. шапка находится на заднем фоне)

Фон

Фон у тебя получился. Так и должно быть. А с шапкой сейчас приведу пример. Вот смотри я делала для дизайна. Получается, что на заднем фоне расположена сама шапка. Там где у меня картинка с Сейфрид ширина 800 пикселей. Ну, а место в низу предназначено для навигации.

Делай сразу с фоном.

Да, поняла правильно. Но мне кажется, что серидина форума у тебя не совпадает с серединой на фоне. А вообще они должны быть одинаковыми по размеру что бы в дизайне слелись в одно целое. А вообще молодец. Объяснять как ставить смогу только вечером.

Да, теперь вижу что совпадают. Будем все это ставить.

Ставим фон через стиль. Первым делом заходим в Администрирование ----> Свой стиль. Ставим галочку использовать свой стиль. Видим два окошка с не понятными кодами. Работать в основном будем со вторым, который отвечает за наш стиль. Первое окно отвечает за саму структуру форума. Там если не знаешь лучше не чего не трогать и не удалять, иначе весь дизайн испортится.

Шапка (ставим во втором окне стиля в самом конце  CS1 Background and text colours)

Теперь ее нужно настроить. Ищем в первом окне стиля /* D1 Logo and description (отвечает за лого). Нам нужен пункт /* D1.4 */. Остальное не трогаем. Вставляем это:

background-image : url(адрес); - адрес шапки
background-repeat : no-repeat; - шапка не дублируется ни по горизонтали, ни по вертикали, то есть изображается только один раз, а не так как бесшовный фон.
border: none; - нет рамок
height: 500px; - высота шапки
width: 800px; - ширина шапки

/* A5.1 */ - настраиваем ширину форума (в первом окне)

#pun {
  margin: auto;
width: 800px;
  position: relative; }

Фон

background-color: #eae3d1; - цвет переадресации.

О, почему не получилось. Если хочешь могу скинуть листочки.

Вот листочки.

http://uploads.ru/i/X/c/9/Xc93b.png
http://uploads.ru/i/t/z/o/tzo8O.png

Попробуй. С девушкой тоже симпатичные иконки. Если что-то еще нужно, спрашивай.

Сделай лучше цвет текста темно коричневым. Черный смотрится грубовато.

CS2 Border colours

Отвечает за бордюры на форуме. Они нам не очень то и нужны, так что будем их убирать. Внимание! Не удалять, а сделаем так что бы они не отображались.

Видим вот это:

border-color: #f5f5f5

Меняем на это:

border-color: transparent

И так в каждом пункте  Border colours.

Дальше избавимся от стандартного цвета форума.

CS1 Background and text colours

Там где написанно background-color: #f1f1f1;

убираем номер цвета. Должно получится  background-color: #;

Поскольку фоны мы прописали картинками, то прописывать цветом не будем. Он просто перекроет наши картинки. Конечно, при желание можно фон делать с помощью цвета. Но все-таки с помощью картинок больше возможностей.

Меняем иконки (Ставим в ХТМЛ ВЕРХ)

<style>
.punbb table Div.icon {float: right; display: block; width: 70px; height: 70px; border-style: none; background-image: url(ссылка старые сообщения);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(ссылка новые сообщения) no-repeat;}
TR.isticky Div.icon {background: url(ссылка важные сообщения) no-repeat;}
TR.iclosed Div.icon {background: url(ссылка закрытые сообщения) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 75px; }
</style>

width: 70px; height: 70px - размер наших иконок. Можно сделать и больше, но по мне 70 вполне достаточно.

Задание: убрать лищнее в фоне, убрать бордюры и поставить иконки сообщений.