Весь код вставляется в структуру. В цвета можно поместить css для других элементов, например, для объявления.
структура
Код:/*Design by ever. All right reserved. Don't copy.*/ @import url(style_cs.css); /* Селекторы тегов -------------------------------------------------------------*/ html,body{ margin:0; padding:0; font-size: 9pt; font-family:"Palatino Linotype"; background: url(http://img.by/i/1287884181.jpg) center top no-repeat #A46F28; color:#000; } img{ border:none; } ul, dl, li, dd, dt { padding: 0; list-style: none; } hr { height: 0; border: none; border-bottom: 1px solid #BCC9CF; } a{ text-decoration:none; outline: none; color:#2F468C; } a:hover{ text-decoration: underline; } a:active{ text-decoration: underline; color:#000; } h1, h2{ padding:23px 0 0 0; margin: 0; height:34px; font: bold 17px "Century Gothic"; letter-spacing:0; background: url(http://img.by/i/1287887120.jpg) no-repeat #92B2BF; border:1px solid #000; border-top:none; border-bottom:none; color:#000; text-shadow: #92B2BF 0 0 5px, #fff 0 0 7px, #92B2BF 0 0 11px; text-align:center; } input, textarea, select { outline: none; border:3px double #597986; background: #BCC9CF; } fieldset { border:3px double #BCC9CF; margin:10px; } /* Настройки -------------------------------------------------------------*/ .punbb .main table { table-layout: fixed; width: 100%; } /* опросы */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* оформление текста */ .punbb address, .punbb em { font-style: normal; } .punbb .post-content em { font-style: italic; } .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* отмена обтекания */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after, .punbb .linkst:after { clear: both; content: "."; display: block; height: 0; visibility:hidden; overflow:hidden; line-height: 0; font-size:0; } /* скрытие некоторых заголовков и блоков */ .acchide, #pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-index #pun-main h1, #pun-pagelinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { display:none; } /* Главная страница: основное -------------------------------------------------------------*/ /* основное */ #pun { margin: 0px auto auto auto; width:820px; padding-left:17px; } .punbb { float: left; width: 100%; height: auto; } /* рекламный баннер */ #pun-title TD.title-logo-tdr { border:none; width: 468px; vertical-align: top; padding-top: 3px; position: absolute; left: 46%; top: 0; } /* шапка */ #pun-title{ height:445px; margin:0; } /* название форума на шапке */ .title-logo span { font-family:"Century Gothic"; font-size: 15px; font-weight:normal; letter-spacing:2px; color:#92B2BF; text-shadow: #92B2BF 0 0 3px; margin-left:17px; } .title-logo{ border:none; margin-top:160px; background:transparent; width:230px; padding-top:0; } /* объявление */ #pun-announcement{ text-align:justify; } #pun-announcement .html-box { padding:10px; } /* таблицы -------------------------------------------------------------*/ #pun-main{ background-color:#92B2BF; } /* где рамки не нужны */ #pun-ulinks .container, #pun-status .container, #tieser-bottom, #pun-about .container{ background-color:#92B2BF; } #poll-special .container, .fs-box .container, #messages .linksb{ background-color:#92B2BF; border:none; } /* где рамки нужны */ .container, .topic, .linkst, .linksb { margin:0; border:1px solid #000; border-top:none; border-bottom:none; background-color:#92B2BF; } /* заголовки в таблице */ #pun-main table thead tr th{ padding:2px 5px; font-size:10px; color:#E7EEF8; border-bottom: 1px solid #BCC9CF; } /* рамки между графами */ .hasicon tr td{ border-right: 3px double #BCC9CF; } .hasicon tr .tcr{ border-right:none; } /* ширина ячеек */ .punbb .main .tcl{ overflow: hidden; width:50%; text-align:justify; padding:9px; } .punbb .main .tc2, .punbb .main .tc3{ width:10%; text-align:center; } .punbb .main .tcr{ overflow: hidden; width:30%; text-align:center; padding:9px; } /* название подфорума */ #pun-index .tcl h3 { font-size: 13px; font-weight: bold; margin:0 0 4px 7%; padding:0; } /*ширина остальных ячеек: статистика, поиск, участники */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align:center; width: 20%; } #pun-debug table .tcl { width: 15%; white-space:normal; } #pun-debug .tcr { width: 90%; white-space: normal; } /* иконки -----------------------------------------------------------------------------------------------*/ .punbb td div.tclcon { margin-left: 57px; } .punbb div.icon { float: left; display: block; width: 50px; height: 50px; } div.icon, tr.iredirect div.icon { background: url(http://img.by/i/004.png) no-repeat; } tr.inew div.icon { background: url(http://img.by/i/003.png) no-repeat; } tr.iclosed div.icon { background: url(http://img.by/i/001.png) no-repeat; } tr.isticky div.icon { background: url(http://img.by/i/002.png) no-repeat; } /* статистика */ #pun-stats .container { padding: 5px; } #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 130%; } #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } li#onlinelist { margin-top: 10px; float: left; width: 100%; line-height: 100%; } /* хлебные крошки и приветствие*/ #pun-status .container { padding: 5px; } #pun-index .crumbs, #pun-crumbs1 p, #pun-crumbs2 p{ font-weight: bold; overflow: hidden; padding: 5px; } /* нумерация и ссылки возле нее */ .pagelink { padding:5px; width: 200px; text-align:left; float:left; } .postlink, .subscribelink { padding:5px; width: 250px; text-align:right; float:right; } /* модменю, rss */ .modmenu .container{ padding:5px; text-align:right; border-top: 1px solid #BCC9CF; } .modmenu .container strong { text-align:left; float:left; } /* блок для копирайта */ #pun-about .container { text-align: right; line-height: 120%; padding: 5px; } #pun-about p span { display:block; padding-left: 50%; } /* разное -------------------------------------------------------------*/ /* опрос */ #poll-special h1 { height: 20px !important; background-color:#597986; background-image:none; border-style:none; margin:0; } /* переадресация */ #pun-redirect, #pun-maint { margin: 10% auto; width: 100%; float: none; } #pun-redirect .container { padding:10px; } /* регистрационные поля */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } .punbb .inline .infofield { clear:both } .punbb .datafield br { display: none } .punbb .required label, .punbb .datafield span.input { font-weight: bold } .punbb .datafield span.input a { font-weight: normal; } .info .container{ padding:20px; } /* цитата и код */ .blockcode { background-color:#597986; margin:10px; padding:10px; border: 3px double #BCC9CF; } .quote-box { background-color:#BCC9CF; margin:5px 30px; padding:5px 10px; border: 3px double #597986; } .quote-box cite { font-width: bold; } .blockcode .scrollbox{ font-family: "Courier New"; overflow:auto; margin:0; padding:0; max-height:400px; } /* кнопки-теги в форме ответа */ .punbb .hashelp { position: relative; } .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } .punbb #profile .helplinks { top: 1.5em; } .punbb .helplinks span { display: block; padding-bottom: 0.2em; } .punbb .helplinks span INPUT { margin: 0px 2px 2px 0px; } #font-area, #size-area { border: 2px solid #597986; background-color: #BCC9CF; padding: 5px; left: 0; } #smilies-area, #video-area, #color-area, #keyboard-area, #imageup-area { border: 2px solid #597986; background-color: #BCC9CF; padding: 5px; right: 0; } #color-area table tbody tr td { border: none; } #color-area table tbody tr td img { width: 10px; height: 10px; } #main multipage .topic .post h3 span{ margin-right:20px; } /* Профиль -------------------------------------------------------------*/ #profile .container { padding-left: 18.6em; } #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } #profilenav li { padding-bottom: 0.8em; font-weight: bold; } #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } #viewprofile h2, #profilenav h2 { border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* тема -------------------------------------------------------------*/ .post .container{ border:none; margin:0; } .post .container .post-author{ margin-top: -20px; width:210px; font-size:10px; font-weight:bold; float:left; text-align:center; } .post .container .post-body{ margin-left:210px; border-left: 3px double #BCC9CF; text-align:justify; } .post .container .post-author .pa-author{ font-size:13px; } .post .container .post-author .pa-title{ font-size:11px; padding-bottom: 5px; } .punbb .post h3{ margin:0; margin-bottom:-12px; border-top:15px double #BCC9CF; } .punbb .post h3 span { padding: 3px 8px; display: block; margin-left: 210px; border-left: 3px double #BCC9CF; } .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } .punbb .post-box { padding: 10px; } .punbb .post-sig{ border-top: 1px solid #3D525A; } .post-sig dd { margin:0; color:#3D525A; } .punbb .post-links { margin-left: 210px; border-left: 3px double #BCC9CF; } .punbb .post-links ul { padding: 0 10px 0 0; height: 20px; line-height: 20px; margin:0; margin-left: -210px; text-align: right; } .punbb .post-links li { display: inline; padding-left: 5px; } .pl-email, .pl-website { float: left; } .punbb .clearer { clear: both; } /*меню------------------------------------------------------------------------------------------------------------------------------------*/ #pun-navlinks, #pun-ulinks{ background-color: transparent; margin:0; height: 33px; line-height: 33px; text-align:center; } #pun-ulinks ul{ background-color: transparent; font-size:10px; font-weight:bold; } #pun-navlinks ul{ background-color: transparent; margin-top:-40px; } #pun-navlinks li, #pun-ulinks li{ display:inline; padding: 0 8px; } /*в профиле*/ #profilenav h2{ background-color:#A57D3D; margin-bottom:3px; } #profilenav ul{ border: 1px solid #A57D3D; } /*таблицы в посте*/ .post-content table tr td{ border: 1px solid #BCC9CF; width:80%; text-align: center; } #post, #profile, #punbbsearch, #userlist{ margin-top:-10px; }