Заготовка для шапки

Заготовка для фона

Вот хорошо, теперь вставляй все это в дизайн

Второе окно стиля. Убирай все что у тебя в /* CS1 Background and text colours и вставляй след коды:

#pun-title table {
background-image : url("...");}

body {background-color: #2ab2ba;
background-image : url("фон");
background-repeat: repeat;
background-position : top center;}

#pun { background-image : url("фон");
background-color : #;
background-position : center;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #063f42;}

#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #063f42;
font-weight: bold;
font-style: normal;}

.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #063f42;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #063f42;
text-align: center;}

.offline li.pa-online strong {
color: #063f42;
font-weight: normal}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #063f42;}

#pun_wrap {background-image: url("шапка"); background-repeat: no-repeat; background-position: center top; }

Первое окно стиля

/* A5.1 */ (вставляй это)

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

Отвечает за ширину тела форума. Она у нас будет 800px.

Теперь шапка. В том же окне видим /* 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%;
}

В первом окошке стиля ты не вставила картинку шапки, по этому она у тебя перекрывается фоном.

/* 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%;
}

CS2 Border colours

управляет цветовыми сочетаниями границ форума.
а) Первый блок раздела:

1 - цвет верхних границ
2 - цвет правых боковых границ
3 - цвет нижних границ
4 - цвет левых боковых границ

б)  Следующий блок:

Управляет цветом черты под нижней границей форума

в) Следующий блок:

Он управляет рамкой внизу и справа от полоски с названиями категорий

г) Далее идет блок

управляет внутренними рамками форумных таблиц

д) следующий блок

Это полоски разделяющие : названия секций!

Это для того что бы знать о этой части дизайна, но границы мы будем убирать совсем. Они нам совершенно не к чему.

Для этого вместо цвета и его номера вставляем это transparent;
Везде где написано #цвет

Да, конечно можно. Тогда делай шапку размером 800х500 пикселей. А размер фона 1450х676 пикселей. Ширина фона посередине 800 пикселей.

Для примера вот готовый фон.

Обажаю Меган ))) А теперь по поводу графики.

Шапка

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

Фон

Поскольку Меган у тебя на шапке на фоне моря, то и фон бы я посоветовала сделать в морском стиле. Можно использовать те же дощечки, но голубоватого цвета. У меня где-то были подобные. Я тебе их кину. Ну и середину форума сделала бы не серой, а например что-то бежевого оттенка.