Картинки дизайна есть, а код составить не могу.. поможете?
Сейчас новая мода "Шапка перетекающая в фон", вот я такую хочу сделать.
http://10pix.ru/img1/4853/4568666.jpg шапка
http://10pix.ru/img1/3637/4568665.jpg весь фон
Вот начальный код (сделала в генераторе стилей) если нужен будет style.css - я дам
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #FFFFFF; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: #FFFFFF; color: #777777; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #FFFFFF; color: #777777; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #DDDDDD; color: #FFFFFF; font-weight: bold; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #FFFFFF; color: #777777; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #FFFFFF; color: #777777 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #FFFFFF; color: #777777 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #EFEFEF; color: #777777 } /* CS1.8 */ #pun-navlinks .container { background-color: #DDDDDD; color: #000000; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #FFFFFF; color: #777777 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #EFEFEF } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #DDDDDD; } /* 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: #FFFFFF; } /* CS2.5 */ .punbb th { border-color: #FFFFFF } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #DFDFDF #FFFFFF #FFFFFF #DFDFDF; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #DFDFDF } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #FFFFFF } .punbb .divider { border-color: #DFDFDF #FFFFFF #FFFFFF #FFFFFF } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #DDDDDD; } .punbb .post-sig dt { border-top-color: #FFFFFF !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: #777777; border-bottom: 0px none #000; text-decoration: none; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #777777 } /* 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: #330000; border-bottom: 0px none #000; text-decoration: none; } /* CS3.3 */ #pun-navlinks a { color: #000000; font-weight: bold; border-bottom: 1px dashed #000000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #000000; font-weight: bold; font-style: normal; border-bottom: 0px none #000; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #0080D7 #0060B7 #0050A7 #0060B7} tr.iredirect div.icon {border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF} div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6} #pun-main div.catleft, #pun-main div.catright {display: none}
помогите пожалуйста)
Отредактировано DarkVampireAlice (01.06.11 20:04)