мм.. вот мы сделали в генераторе скелетик, сейчас будем регулировать ширину.
в верхнем окошке стиля ищем такой код.
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 1000px;
}
/* A5.2 */
.punbb {
float: center;
width: 100%;
height: auto;
}width : 1000px;
это ширина форума. ее ставим такую же как ширина шапки, больше ничего не трогаем.
Дальше встроим иконки. в самом низу второго окошка видим
/* CS4 Post status icons -------------------------------------------------------------*/
стираем все что после этого заголовка, вместо этого ставим такой код
div.icon {
background: url(Нет новых сообщений ) no-repeat;
}
tr.inew div.icon {
background: url(Есть новые сообщения) no-repeat;
}
tr.iclosed div.icon {
background: url(Закрытая тема) no-repeat;
}
tr.iredirect div.icon {
background: url(Важная тема) no-repeat;
}
tr.isticky div.icon {
background: url(раздел с ссылкой на другой источник) no-repeat;
}и ставим вместо надписей ссылки на иконки.
встраиваем фон. в самом начале второго окошка видим
/* CS1 Background and text colours -------------------------------------------------------------*/
после этого идет
body {
background-color;цвет
}меняем этот код на
body {
background-image: url(адрес вашей картинки);
}вместо слова пишем ссылку на картинку фона
встраиваем панельку.
ищем в нижнем окошке
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #DD7744;
color: #FFFFEE;
font-weight: normal;
font-style: normal;
}меняем на
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(адрес вашей панельки);
color: #FFFFFF;
font-weight: normal;
font-style: normal;
}и самое страшное (когда я училась делать стиль мне было очень сложно)
встраиваем шапку.
ищем в нижнем окошке
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color цвет;
color: #771100;
}меняем на
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(адрес вашей шапки);
color: #771100;
}теперь идем в верхнее окошко.
ищем там код
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}
/* D1.2 */
#pun-title h1 {
display : block;
height : 176px;
padding: 2em 1em 0 1em;
}
/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}
/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}
#pun-title table {
border: none;
height: 60px;
width: 100%;
}
#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}те кто делал по первому курсу поставьте все так как у меня. ну а на всякий случай
/* D1.2 */
#pun-title h1 {
display : block;
height : 176px;
padding: 2em 1em 0 1em;
}
выделенное красным меняем на высоту шапки
вроде все. короч че не получится пишите, а получится выкладывайте скрины
