Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 6 из 6
Поделиться22010-12-02 20:31:09
ниже простой псд такого фона. там сделаешь всё по примеру
высоту шапки можно уменьшать или увеличивать по вкусу)
http://zalil.ru/30022996
в цвета ставишь вот это
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/
#pun-title TABLE {
background : transparent url(шапка) no-repeat left top;
margin-left : 0px;
}
body {background-color: #цвет боковых сторон;
background-image : url("общий фон");
background-repeat: no-repeat;
background-position : top center;
}
#pun {
background-image : url("картинка центра");
background-color : #фон центра;
background-position : center;
background-attachment : fixed;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #828282;
}
/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #828282;
font-weight: bold;
font-style: normal;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #828282;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #828282;
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #828282;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url("http://www.10pix.ru/img1/898175/1817565.png");
color: #828282;
}
/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;
}
.offline li.pa-online strong {
color: #000000;
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #280909;
color: #828282;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent;
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}
/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color:transparent;
}
/* CS2.5 */
.punbb th {
border-color: transparent;
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #5b5c5b;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}
.punbb .divider {
border-color: transparent;
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}
li.pa-online {
border-left-color: transparent;
}
.punbb .post-sig dt {
border-top-color: transparent !important;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #828282;
border-bottom: 0px none #000;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #828282;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #828282;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.3 */
#pun-navlinks a {
color: #828282;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #828282;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #828282;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: right; }
#pun #pun-main .pa-author {text-align: right; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {height: 21; }
#pun_wrap #pun #pun-main #pun-category9.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category8.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category7.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category6.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category5.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category4.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category3.category {border-style: none; }
#pun_wrap #pun #tieser-bottom.container {display: none; }
#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: right; }
#pun #pun-main .pa-author {text-align: right;}
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun .tc2, #pun-main .post-author ul {text-align: right;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 530px; top: 3px
}
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-category1.category h2 {
background: url() no-repeat top center;
height: 100px;
font-size:0 !important;
}
#pun-category2.category h2 {
background: url() no-repeat top center;
height: 80px;
font-size:0 !important;
}
#pun-category3.category h2 {
background: url() no-repeat top center;
height: 80px;
font-size:0 !important;
}
#pun-category4.category h2 {
background: url() no-repeat top center;
height: 80px;
font-size:0 !important;
}
#pun-category5.category h2 {
background: url() no-repeat top center;
height: 80px;
font-size:0 !important;
}
li#navindex {
background: url(форум) center center no-repeat;
padding: 1px 2px;
}
li#navindex a{
padding: 1px 6px;
}
li#navindex a span{
visibility: hidden;
}
li#navuserlist {
background: url(участники) center center no-repeat;
padding: 1px 2px;
}
li#navuserlist a{
padding: 1px 6px;
}
li#navuserlist a span{
visibility: hidden;
}
li#navsearch {
background: url(поиск) center center no-repeat;
padding: 1px 7px;
}
li#navsearch a{
padding: 1px 7px;
}
li#navsearch a span{
visibility: hidden;
}
li#navprofile {
background: url(профиль) center center no-repeat;
margin: 1px 7px;
}
li#navprofile a{
margin: 1px 7x;
}
li#navprofile a span{
visibility: hidden;
}
li#navpm {
background: url(сообщение) center center no-repeat;
margin: 1px 1px;
}
li#navpm a{
margin: 1px 1px;
}
#pun-navlinks ul li a span {
visibility: hidden;
}
li#navadmin {
background: url(админка) center center no-repeat;
margin: 1px -12px;
}
li#navadmin a{
margin: 1px -22px;
}
li#navadmin a span{
visibility: hidden;
}
li#navlogout {
background: url(выход) center center no-repeat;
margin: 1px 1px;
}
li#navlogout a{
margin: 1px 3px;
}
li#navlogout a span{
visibility: hidden;
}
li#navlogin {
background: url(вход) center center no-repeat;
padding: 1px 11px;
}
li#navlogin a{
padding: 1px 8px;
}
li#navlogin a span{
visibility: hidden;
}
li#navregister {
background: url(регистрация) center center no-repeat;
padding: 1px 6px;
}
li#navregister a{
padding: 1px 6px;
}
li#navregister a span{
visibility: hidden;
}
#pun-about p.container {
background-color: ;
background-image : url(копирайт);
background-position : center top;
background-repeat : no-repeat;
height : 100px;
}
.punbb table Div.icon {float: left; display: block; width: 80px; height: 80px; border-style: none; background-image: url(иконки); background-repeat: no-repeat; position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url() no-repeat;}
TR.isticky Div.icon {
background: url() no-repeat;}
TR.iclosed Div.icon {
background: url() no-repeat;}
TR.iredirect Div.icon {
background: url() no-repeat;}Поделиться32010-12-02 20:41:51
'н е б е с н а я
Поделиться42010-12-02 20:42:22
kiko написал(а):
3
это было без колора
Поделиться52010-12-02 20:44:31
'н е б е с н а я
Поделиться62010-12-02 20:53:05
с текстом
Страница: 1