А теперь создавай тестовый форум. Заходи в "Стиль"
Затем заходи сюда http://mybb.ru/generator
Подбери цвет, и сгенирируй стиль. После нажми "Сохранить", и код что тебе выдали, вставь во второе окошко.
Теперь будем делать логотип, во второе окошко вставь вот этот код:

#pun-title .title-logo {background-image : url("адрес картинки");
background-repeat : no-repeat; height : 182px;}

Прямо в самый верх нижнего окошка.
Там где написано height: 182px; 182 нужно заменить на высоту твоего лого.
Нажимаем сохранить, и вуаля, лого готово.

Теперь будем ставить картинку в категорию.
Во втором окне ищи вот такой код:

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2

там еще ниже будут параментры, а теперь это все
заменяй на это

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-image: url("адрес картинки");
  background-color: #f6eea7; 
  background-repeat: no-repeat; 
  color: #202021;
  height: 20px;
  font-style: normal;
  text-align: center;
  font-size: 12px;
  Font-Family: Trebuchet MC;
  font-weight: normal;

  }

где background-color: #f6eea7, задний фон, заменяй его на свой.
color: #202021, цвет которым будет написаны надписи на категории
height: 20px; высота самой картинки, заменяй его примерно на 35.
text-align: center; это позиция текста на картинки, center-по центру, left-по левому краю, right - по правому.
Font-size: 12px; это размер шрифта в пикселах.
Font-family: Trebuchet MC; это шрифт которым будет написан текст,
и наконец
Font-weight: normal; это как будет выглядеть шрифт, normal - без изменений, bold - жирный, italic - курсив.

Теперь будем ставить иконки, они у нас размером 75х75, поэтому идем в первое окошко, и ищем там вот такой код

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 105px;
  height: 100px;
  padding-top: 1px;
  margin-top: 1px;
}

width: 105px - это ширина наших иконок
height: 100px - высота

Ставим height на 75, а width на 80, чтобы 5 пикселей были в отступе от текста.

Теперь идем во второе окно, прокручиваем его до конца. Пункт CS4.
Заменяем все на это

Div.icon {background-image : url(картинка); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(картинка); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(картинка); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(картинка); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(картинка); background-repeat: no-repeat;}

Div.icon - это старая тема, то есть Old
TR.inew Div.icon - это новая тема, то есть New
TR.isticky Div.icon - это выделенная тема, то есть Stick
TR.iclosed Div.icon - это закрытая тема, то есть Closed
TR.iredirect Div.icon - это перенесенная тема, то есть Redirect, но я ставлю ее как Old.

Впринципе, это основной урок. Заполняй шаблон, а скрины дизайна, или адрес форума можешь кидать мне.