Очень красивые дизайны )))

Предлагаю начать изучение дизайнов не с кодов и их расшифровки, а с изготовления графики. Сделай фон и шапку.
Размеры: Шапка 1450х500 пикселей, фон 1450х700 пикселей.

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

Фон

Заходим в администрирование ---> Свой стиль
Для того что бы дизайн отображался нужно поставить галочку использовать свой стиль. В первом окне стиля не советую бездумно что либо менять. Оно отвечает за структуру форума и можно просто все испортить. Второе окно отвечает за цвета. С ним сейчас и будем работать.

/* CS1 Background and text colours
-------------------------------------------------------------*/
Вставляешь вот это

#pun-title table {
background-image : url("...");}
body {background-color: #цвет переадресации;
background-image : url("ссылка на фон");
background-repeat: repeat;
background-position : top center;}
#pun { background-image : url("ссылка на фон");
background-color : #;
background-position : center;}
#pun_wrap {background-image: url("ссылка на шапку"); background-repeat: no-repeat; background-position: center top; }

Сейчас все нужно будет настроить, это будем делать в 1 окне стиля.
Находим A5 Basic page layout and borders и вставляем следующее:

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  width: 800px;
  margin: auto;
  }

800 пикселей это ширина нашего форума.
Теперь настроим шапку. Ищем D1 Logo and description. Теперь находим /* D1.4 */ и меняем на это:

#pun-title h1 span  {
   display: none;
  }
#pun-title TABLE {
  border: none;
  height: 500px;
  width: 800px;
  float: none;
  background-image: url(ссылка на шапку);
  background-position : top center; 
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

Ой, как быстро. Молодец!! Поставь мне админство.

У тебя в первом окне стиля в пункте отвечающем за ширину форума стоит большее значение чем должно. Форум не съехал в сторону а встал по тому размеру, что прописан. А графика меньшего размера, отсюда и кажется что все уехало.

Смотри:

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  width: 970px;
  margin: auto;
  }

выделенное исправь на 800 px

/* D1.4 */ - тоже самое. Размеры графики не соответствуют размерам в кодах.

#pun-title h1 span  {
   display: none;
  }
#pun-title TABLE {
  border: none;
height: 350px;
  width: 970px;
  float: none;
  background-image: url(http://10pix.ru/img1/3445/6345810.png);
  background-position : top center; 
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

Выделенное исправить!!!

Теперь поняла, просто обычно середину форума 800 пикселей делают. Ну да ладно. Форумы тормазят, так что завтра напишу что дальше.

Жди до вечера, с телефона не могу написать.