Тут я расскажу во всех подробностях о том как сделать быстренько свой собственный диз, на главной страничке, конечно потом как разберетесь его можно будет сделать намного лучше, и до конца но тут я выложу основные коды…которыми пользуюсь часто сама=)

Для начала после того как вы набрали необходимое количество учасников и сообщений с темами вы можете приступить к созданию своего неповторимого дизайна…

Внимание все коды связанные с оформлением форума (покрайней мере те которые выложены тут) вставляем в хтмл верх

Начнем с того что сделаем форум прозрачным, для этого входим в администрирование, настройки и вставляем этот код в хтмл верх

<style type="text/css">
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2   {background-color: transparent; }
</style>

Отлично теперь можно начать делать верхушку форума а именно Логотип (некоторые предпочитают обходится и без него)

Вот код (хтмл верх) вместо той картинки вставте адрес на свою картинку

<style type="text/css">
#pun-title .title-logo {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/logo.gif);
background-repeat : no-repeat; height : 132px;
}
</style>

Если из под логотипа выглядывает название форума текстом введите

<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>

Далее приступим к тому что сделаем себе другой задний фон

<style type="text/css">
HTML, BODY {background-image: url("http://scoolwitch.clan.su/new.gif")!important; background-repeat: repeat !important;}
</style>

Вместо

 http://scoolwitch.clan.su/new.gif

втавляем адрес своей картинки

Окей все сделали, теперь подгоним форум по своему желанию, тоесть сделаем его меньше либо наоборот шире

<style type="text/css">
#pun {
width : 83%;
}
</style>

Теперь если кто-то хочет то может с помощью этого скрипта изменить размер текста на всем форуме, меняя на свое потходящее число

<style type="text/css">
body {
 font-size: 150%;
 }
</style>

С помощью этого кода можно изменить стиль шрифта на форуме, вместо Century Gothic пишем свой стиль шрифта

<style>
BODY A{font-family : "Century Gothic";}
</style>

Теперь поменяем вот это 

Лично я делаю это так =)  можете посмотреть подробней здесь FAQ по дизайну форума в CSS пост 7

<style type="text/css"> #pun .tcl { 
color :green;
background-color : transparent; background-image : url(ссылка на картинку);
}
</style>
<style type="text/css"> #pun .tcr { 
color : blue;
background-color : transparent; background-image : url(ссылка на картинку);
}
</style>

С помощью этого кода вы сможете вставить свою картинку в название категорий на главной страничке

<style type="text/css"> #pun-main h2 {
color : green;
background-color : transparent; background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif);
}
</style>

Естественно все меняем на свое

Для наибольшей красоты поставим свою картинку и в строке Форум-Тем - Сообщений - Последнее сообщение

<style type="text/css"> #pun th {
color: red; background-color : #FF00FF; background-image : url(http://i17.photobucket.com/albums/b80/Z … zanome.jpg);
}
</style>

Если вы хотите полностью залить форум своим цветом тогда вставляем такой код
Также это называется фон под таблицами: на котором можно определить ширину всего форума и всех имеющихся на нем таблиц

<style type="text/css">
#pun {background-color:blue; transparent; width: 76%;}
</style>

Сделаем шапку на форуме

<style type="text/css">
#pun-title table {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/header.gif);
height : 132px;
}
</style>

Ну все наша главная страничка теперь видоизменена и выглядет по другому 
Думаю вам уже стало более понятно что и куда и зачем =)
Так как я выложила самые основные коды для украшения главной странички, которыми пользуюсь сама…
Чтобы Изменить форум полностью, и довести его до человеческого вида заходим сюда =)
FAQ по дизайну форума в CSS
чтобы сделать что либо более проффесионально тогда сюда
CSS - Админки (опытным)

чтобы создать табличку но незнаете как то вам сюда Таблицы на заказ

чтобы создать баннер можете обратится сюда Заказ баннеров