проще ВК, скайп со мной не дружит.
коска, отлично. Значит, самое первое что мы творим, идем в темку Учебник по CSS, читаем, составляем вопросы, задаем. К хтмл и прочим моментам прийдем в процессе.
Если вопросов нет, то мы делаем следуешь: открываем пэинт, либо ручка и тетрадка нам в помощь, и чертим макет дизайна, который мы хотим сделать.

коска, да, иначе я не смогу объяснить как создать ту или иную желаемую часть.

коска, чтож. Ладно.
Первое, что мы делаем, задаем ширину и положение самого тела форума. Отправляемся в блок А5.1.

На будущие, старайся продумывать все составляющие своего дизайна, а то будешь путаться.

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

коска, изменить размер элемента или забыть его прописать вообще. Что легче сделать?

Да, мы выбираем фиксацию, оно же положение.
Затем задаем размер нашего форума.

коска, если честно, не вижу никаких изменений на тестовике.
По этому, усложняю задачу.
http://mybb.bbcorp.ru/generator/
Генерируем любую цветовую гамму, ставим себе на тестовик и пользуясь учебником цсс, задаем ширину 950 и положение по центру.

коска, отлично. Следующий этап, это создание необходимых контейнеров. шапка, иконки, категории, футер.
Размеры шапки можно задать в блоке Д1.
Категории А5.10
Иконки С2.14

коска, во первых, позиционирование.  position: relative; в А5, где задавали ширину форума

Наши иконки обитают вот тут, эти коды делают их не графическими, а цветовыми. Если оставляем цвета, то просто меняем выделенный отступ. 

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

Развлекаемся вставляя любые параметры для текста.

Если нужно убрать, просто пишем нолик возле em.

Иконки графикой:
Удаляем все от С2.14 и заменяем на вот это

Отредактировано Диос (2016-02-26 15:10:11)

коска, извиняюсь за пропажу, работа. -_-

естественно, мы же не ставили на их место картинки)

Следующее, чего мы делаем, так это решаем, какие границы нам нужны, а от каких мы и вовсе избавимся. будем ли мы сливать весь форум в одно целое, или оставим пробелы между категориями и следующим форумом.

А здесь, включаем внимательность и находим волшебное отличие)

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

сливаем цветовой гаммой или же графикой?

Дабы избавиться от всех границ, открываем нашу структуру, нажимаем на F3, в поиске в появившемся окошке пишем border, и везде задаем значение размера 0.
ВНИМАНИЕ!
  Пункт А5.8 – отвечает за обводку  элементов и непосредственно сообщений.
  Пункт А5.9 – отвечает за обводку элементов форума. Сами «контейнера», где и располагается всё остальное. Крайне важный пункт.
  Пункт А5.10 – отвечает за обводку полос с названием локации на странице со списком тем, полосы статистики, категорий, полос профиля.
  Пункт А5.11 – отвечает за обводку полос категорий.
  Пункт B1.2 - отвечает за полоску разделяющую пост и подпись
  Блок С2 - отвечает за обводку столбцов на главной странице(тем, сообщений и т.п.)

цветом значит сделать слитие кодами, графикой, меньше мороки.)

числовые. В цветах можно прописать прозрачность, но значения нести не будет. Размер же 0.)

коска, тогда начинается самое веселье. Графический макет.
У нас есть шаблончик на бумажке, теперь мы собираем большой шаблончик в фотошопе.
Первое что мы делаем, создаем большую и длинную пустую фигню.
Ширина примерно 1300, высота около 1000
И начинаем собирать наш макет, основа(офн, подложка форума, границы.
Затем уже собираем там же шапку и прочие куски.

коска, дальше проще ВК.
По мере создания графики буду корректировать и подсказывать.
https://vk.com/shamanashar
Пинаем, показываем, орем о том что я ленивый учитель )