Создавай тестовый форум. Заходи в "Стиль"
Затем заходи сюда 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.
