1 шаг: открываем photoshop.
2 шаг: файл => новый => размеры 800 (тело форума) и 200* (высота фона), содержимое фона - прозрачный.
Немного о высоте, если ты будешь заливать тело форума обычным цветом, то лучше брать небольшую высоту: около 100 пикселей или 200. Если внутрь планируешь вставить картинку, то высоты подбираешь соответствующую картинке. 
3 шаг: выбираем цвет для тела форума и заливаем им наш слой.
Получится так:

Далее нам нужно подобрать фон вне тела форума, для этого можно воспользоваться обычным кадрированием. Выбираем инструмент рамка (оно же кадрирование) и задаем вверху:

значения: 1000 и 200 соответственно.
Затем применяем кадрирование к одной стороне, выглядеть это будет примерно так:

Затем то же самое проделаем с другой стороной, только параметры кадрирования будут уже: 1200 и 200 соответственно.
Выглядеть будет так:

4 шаг: Заливка или вставка картинки во внешний фон.
• Заливка цветом. Подбираем цвет, который будет сочетаться с телом нашего форума и заливаем прозрачные полосы на нашем слое.
У меня получилось так:

• Вставка изображения во внешний фон. Находим картинку, уменьшаем ее размер до 200*200 пикселей. Копируем и вставляем на прозрачный фон.
В таком случае получится так:

5 шаг: (если хочется )) ) бордюр. Выбираем инструмент линия, подбираем цвет, подходящий к фону и проводим аккуратную линию между фоном тела форума и внешним фоном.
Получится примерное так:

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