Zmiana tła na forum

wersja skryptu MyBB: 1.6.15
adres forum: www.cs-atom.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): tutaj jest moj global.css

body {
    background: url(images/carbon/branding_bg.png) no-repeat scroll center top #222222;
    color: #BCBCBC;
    font: normal 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    padding-bottom: 20px;
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 90%;
    margin: 20px auto;
    min-width: 980px;
    max-width: 1300px;
}

#branding {
    height: 120px; /* <-- Tutaj ustaw wysokość elementu */
    
}

a:link {
    color: #77ADCF;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.4s;  
    text-decoration: none;
}

a:visited {
    color: #77ADCF;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.4s;    
    text-decoration: none;
}

a:hover, a:active {
    color: #fff;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.4s;   
    text-decoration: none;
}

#container {
    background: #fff;
    width: 95%;
    color: #000000;
    border: 1px solid #e4e4e4;
    margin: auto auto;
    padding: 140px;
    text-align: left;
}

#content {
    background: #191919;
    border: 1px solid #2b2b2b;
    border-top: 1px solid #313131;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
}

input {
    padding: 6px;
    border: 1px solid #383838;
    background: #292929;
    color: #b7b7b7;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}

input:focus {
    outline: 0;
    border: 1px solid rgb(78, 78, 78);
    background: rgb(53, 53, 53);
}

.content {
    padding: 10px;
    line-height: 160%;
}

#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
}

.tborder {
    width: 100%;
    margin: auto auto;
    border: 1px solid #282828;
}

.thead {
    background: url(images/carbon/triangles.png) repeat-x scroll 0 -1px #014974;
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
    overflow: hidden;
    margin-bottom: 4px;
    border: 1px solid #014974;
    border-radius: 3px 3px 0px 0px;
    
    font-size: 12px;
    font-weight: bold;
}

/maintitle.png") repeat-x scroll 0 -1px #2774AA;
    border: 1px solid #116396;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    font-family: 'Open Sans Condensed',sans-serif;
    margin: 0 !important;
    font-size: 15px;
    text-rendering: optimizelegibility;
    text-shadow: 0 -1px 0 #116396;
    font-weight: bold;
}

.thead a {
    color: #fff;
    float: left;
    margin-top: 3px;
}

.expcolimage {
    float: right;
    vertical-align: middle;
    margin-top: -1px;
    margin-bottom: -2px;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.thead:hover > .expcolimage{
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.tcat {
    color: #fff;
    order-bottom: 1px solid #393939;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    background: #282828 url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
    padding: 8px;
}

.tcat a:link {
    color: #000000;
}

.tcat a:visited {
    color: #000000;
}

.tcat a:hover, .tcat a:active {
    color: #000000;
}

.trow1 {
    background: #1a1a1a;
    color: #BCBCBC;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    line-height: 17px;
    padding-left: 10px;
    background-image: url(http://cs-atom.xaa.pl/images/carbon/trow.jpg);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    
    font-weight: normal;
}

.trow2 {
    background: #1a1a1a url(/images/carbon/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    color: #898989;
    line-height: 17px;
    padding-left: 10px;
    font-weight: normal;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.footer {
    padding: 8px;
    position: relative;
    border-top: 1px solid #2a2a2a;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    background: #1a1a1a url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
    height: 25px;
}

.navigation {
    background: url(http://onekill.pl/forum/public/style_images/spark3/secondary_nav_bg.png) repeat-x scroll 0px 0px #2C2C2C;
    border: 1px solid #202020;
    border-radius: 0px;
    box-shadow: 0px 0px 2px #000 inset;
    line-height: 37px;
    font-size: 0.85em;
    clear: both;
    color: #838383;
    text-transform: uppercase;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 0px 8px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8);
    margin: 10px;
    font-size: 0.85em;
}

.navigation a {
    background: url(images/carbon/secondary_nav.png) no-repeat 100% 0;
    color: #bcbcbc;
    padding: 11px 24px 11px 10px;
    outline: none;
    
    text-decoration: none;
}

.navigation a:hover {
}

.navigation a:hover > navigation span {
}

.navigation a:hover {
    color: #bcbcbc;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation .active {
    padding: 11px 24px 11px 10px;
}

.navigation span{
    background: url(images/carbon/secondary_nav.png) no-repeat 0% 0%;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    padding: 6px;
    border: 1px solid #383838;
    background: #292929;
    color: #b7b7b7;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}

input.textbox:focus {
    outline: 0;
    border: 1px solid rgb(78, 78, 78);
    background: rgb(53, 53, 53);
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
        margin-top: 8px;
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    background: #883939 !important;
    border: 1px solid #a95858;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    outline: 0;
    width: 225px;
}

.invalid_field:focus {
    background: #883939 !important;
    border: 1px solid #a95858;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    outline: 0;
    width: 225px;
}

.valid_field {
    background: #768d3d;
    border: 1px solid #8ca54d;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    outline: 0;
    width: 225px;
}

.valid_field:focus {
    background: #768d3d;
    border: 1px solid #8ca54d;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    outline: 0;
    width: 225px;
}

.validation_error {
    background-color: #ad2930;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px 8px;
    position: absolute;
    margin-left: 245px;
    margin-top: -27px;
}

.validation_success {
    background-color: #6f8f52;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px 8px;
    position: absolute;
    margin-left: 245px;
    margin-top: -27px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #3b3b3b;
    font-size: 12px;
    background: #262626;
    color: #9f9f9f;
    margin-bottom: 5px;
    padding: 10px;
    width: 98%;
    margin-left: 0px;
}

blockquote cite {
    font-size: 12px;
    padding: 14px 10px;
    border-bottom: 1px solid #3b3b3b;
    background: #282828 url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
    color: #ddd;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    font-weight: bold;
    margin: -10px -10px 10px -10px;
    display: block;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    margin: 1em auto;
    background-color: #262626 !important;
    color: #eee;
    padding: 5px;
    border: 1px solid #3b3b3b;
    overflow: auto;
    font-size: 11px;
    line-height: 140%;
    font-family: monospace !important;
}

.codeblock code {
    height: auto;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
    padding: 7px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #060;
    border: 1px solid #060;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    background: #872d2d url(http://cs-tygrysek.com/public/style_images/carbon_orange/highlight_faint.png) repeat-x 0 -1px;
    padding: 10px;
    border: 1px solid #c15050;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    line-height: 1.6;
    font-size: 12px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
    color: #fff;
    list-style: none;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

div.error ul li {
    list-style: none;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    padding: 0px 7px;
    color: #eee;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #2a2a2a url(images/carbon/highlight_reallyfaint.png) repeat-x 0 0;
    color: #eee;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 6px 8px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: normal;
}

.pagination .pagination_current {
    background: #da8225 url(images/carbon/highlight.png) repeat-x 0 0;
    color: #fff;
    padding: 6px 8px;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
}

.pagination a:hover {
    background-color: #323232;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/carbon/jump_quote.png) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

#wczytywanie {
    background: none repeat scroll 0 0 #000000;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    left: 46%;
    opacity: 0.6;
    padding: 5px 0 8px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 8%;
    z-index: 10000;
}

.inf_bg {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(images/carbon/highlight.png);
    background-repeat: repeat-x;
    background-position: 0 -1px;
}

.inf_grey {
background-color: #515151;
}

.inf_red {
background-color: #cc0000;
}

.inf_green {
background-color: #7ba60d;
}

.select_style select {
    padding: 6px;
    border: 1px solid #383838;
    background: #292929;
    color: #b7b7b7;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}

.select_style select {
    outline: 0;
    border: 1px solid rgb(78, 78, 78);
    background: rgb(53, 53, 53);
}

.inf_bg {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(images/highlight1.png);
    background-repeat: repeat-x;
    background-position: 0 -1px;
}

.inf_grey {
    background-color: #515151;
}

.inf_red {
    background-color: #cc0000;
}

.inf_green {
    background-color: #060;
}

.inf_fiolet {
    background-color: #6600CC;
}

.inf_regul {
    background-color: #CCCC00;
}

.tboczny {
    background: url(images/carbon/tboczny.png) repeat-x scroll 0% 0% #282828;
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    border-bottom: 1px solid #393939;
    font-size: 12px;
    padding: 6px;
    color: #FFF;
}

.trow3 {
    background: url(/images/carbon/trow.png) repeat-x scroll center top #1A1A1A;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111;
    vertical-align: middle;
    padding: 4px 0px 1px 1px;
    color: #898989;
    line-height: 17px;
}

.top5 {
    background: url(/images/carbon/trow.png) repeat-x scroll center top #1A1A1A;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111;
    vertical-align: middle;
    color: #898989;
    line-height: 17px;
    padding-left: 1px;
    margin-right: -30px;
    height: 22px;
}

.warn_info {
    font-size: 9px;
    color: red;
}

.noticeui111 {
    background: url(images/carbon/noticebg.png) 
    repeat-x scroll 0px 0px transparent; color: rgb(255, 255, 255); width: 
    70%; font-weight: normal; padding: 0px 0px 4px 14px; margin-bottom: 2.5em; border-radius: 6px 6px 6px 6px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); position: relative; left: 34px;
}

.noticeui111 p {
    margin-bottom: 1.5em;
}

.noticeui111 p:last-child {
    margin-bottom: 0px;
}

.noticeui111 h5 {
    font-size: 14.5px; font-weight: bold; margin-bottom: 0.65em; margin-top: 14px;
}

.noticeui111 span {
    background: url(images/carbon/noticetabs.png) 
    no-repeat scroll 100% 0px transparent; width: 33px; height: 40px; 
    position: absolute; left: -34px; top: 9px;
}

.noticeui111-warn {
    background-color: rgb(255, 234, 151); color: 
    rgb(121, 97, 0); border: 1px solid rgb(225, 181, 0); height: 70%;
}

.noticeui111-warn span {
    background-position: 100% -800px;
}

.noticeui111-error {
 background-color: rgb(239, 206, 201); color: 
rgb(147, 54, 40); border: 1px solid rgb(174, 63, 47); height: 70%;
}

.noticeui111-error span {
 background-position: 100% -400px;
}

.noticeui111-info {
 background-color: rgb(198, 216, 240); color: rgb(40,
 87, 151); border: 1px solid rgb(67, 129, 205); height: 70%;
}

.noticeui111-info span {
 background-position: 100% -1200px;
}

.noticeui111-success {
 background-color: rgb(238, 244, 212); color: 
rgb(89, 108, 38); border: 1px solid rgb(143, 173, 61); height: 70%;
}

.noticeui111-success span {
 background-position: 100% 0px;
}

.tablehead {
 padding: 5px 10px; background: #31485C url(images/maintitle.png) repeat-x; border: solid 1px #31485C; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF;
}

.tablehead .right {
 float: right; margin: 0; padding-top: 1px; font-size:  13px;
}

.tablehead a {
 color: #FFF !important; text-decoration: none;
}

#shoutbox_data {
 font: 13px Arial, sans-serif;
}

#shoutbox {
 margin-bottom: 5px;
}

#shoutbox .panel {
 padding: 2px;
}

#shoutbox .panel-blocked {
 margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A;
}

#shoutbox .panel-away {
 margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A;
}

#shoutbox .panel-away button {
 margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px;
}

#shoutbox .trow1 {
 background-color: #FFF;
}

#shoutbox .panel-minposts {
 margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250;
}

img#dvz_sb_loading {
 position: relative; top: 3px; left: 5px;
}

input#shout_text {
 margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000;
}

input#shout_button {
 padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px;
}

#shoutbox .trow1 {
 background-color: #FFF;
}

#shoutbox .trow2 {
 background-color: #FAFAFA;
}

.sbentry {
 padding: 0;
}

#shoutbox .userdata {
 margin: 0; padding: 6px; float: left;  text-align: right;
}

#shoutbox .text {
 margin: 0; padding: 6px; color: #fff;
}

#shoutbox .insUser {
 cursor: pointer; color: #AAAAAA;
}

#shoutbox .info {
 float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888;
}

#shoutbox .info .date {
 margin-right: 5px;
}

#shoutbox .info .ip {
 margin-right: 5px; color: #CECECE;
}

#shoutbox .mod {
 padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none;
}

#shoutbox .dvz_sb_del {
 background-color: #6B0100;
}

#shoutbox img.avatar {
 float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;
}

.statsmenu {
    background: url(images/spark_v3/triangles.png) repeat-x scroll center top #205B93;
    color: #fff;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
    padding: 10px;
    margin-bottom: 10px;
    
    font-size: 16px;
    font-weight: 400;
}

.statsmenu a {
    margin-right: 30px;
    color: #F3F3F3;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 11px;
    font-weight:bold;
}

.novastats {
    background: #191919;
    margin: 0px 0 20px 0;
    padding: 8px 20px;
    border-bottom: 1px solid #3F3F3F;
    border-top: 1px solid #3F3F3F;
    border-left: 1px solid #3F3F3F;
    border-right: 1px solid #3F3F3F; d5dde5
}

.novastats .title {
    color: #2727;
    font-weight:bold;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size:14px;
}

.novastats hr {
    background: #3A3A3A;
    width:98%;
}

.novastats .stats {
    color: #;
    border-left: 1px dashed #474747;
    padding-left: 20px;
}

.belka_spark {
    background: url(images/carbon/triangles.png) repeat-x scroll 0 -1px #014974;
    color: #FFF;
    padding: 10px 10px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
    margin: -11px -11px 11px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    
    font-family: 'Cuprum',sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.right {
    float: right;
}

.left {
    float: left;
}

.pms_unread {
    color: red;
    position: absolute;
    left: 252px;
    margin-top: -3px;
    
    font-size: 10;
}

#slider_bar {
    font-family: 'Open Sans Condensed','Arial Narrow',serif;
    float: right;
    margin-top: 10px;
    width: 500px;
}

ul.bjqs {
    position: relative;
    list-style: none outside none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

#header {
    background: #ebebeb;
    width: 100%;
    height: 346px;
    margin: auto auto;
}

.logo {
    width: 100%;
    float: left;
    margin-left: 50px;
}

#gpanel {
background: url(http://pro-kill.2ap.pl/images/bdevice_basic/triangles.png) repeat-x scroll 0 -1px #2774AA;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
color: #ffffff;
text-align: right;
margin: auto auto;
}

.gpanel_right {
margin-right: 20px;
}

.gpanel_left {
float: left;
margin-left: 20px;
}

#gpanel a:link, #gpanel a:visited, #gpanel a:hover {
    color: #ffffff;
    text-decoration: none;
    padding: 5px;
}

.statround {
    background: #98c22a;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 20px;
    border-radius: 4px;
}

.statround a:link, 

.statround a:visited {
    color: #ffffff;
}

.statround a:hover,

.statround a:active {
    color: #444444;
}

/* DVZ Shoutbox */
#shoutbox {
 margin-bottom: 10px;
}

#shoutbox div.thead {
 padding: 6px; font-weight: bold;
}

#shoutbox.front .thead {
 cursor: pointer;
}

#shoutbox .thead .right {
 float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE;
}

#shoutbox.collapsed .thead {
 opacity: 0.6;
}

#shoutbox.collapsed .body {
 display: none;
}

#shoutbox .panel {
 padding: 1px 0; background: #FAFAFA;
}

#shoutbox input.text {
 padding: 8px; width: 100%; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; box-shadow: inset 0 0 8px #EEE; font-family: Arial, sans-serif; font-size: 12px; color: #000;
}

#shoutbox .minposts, #shoutbox .blocked {
 padding: 6px; font-size: 11px;
}

#shoutbox .panel.minposts {
 background: #FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 background: #FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 margin: 0;
}

#shoutbox .window {
 padding: 1px; border: solid 1px #EEE; overflow-y: scroll;
}

#shoutbox .data {
 display: table; width: 100%; background: #FFF; font: 12px Arial, sans-serif;
}

#shoutbox .entry {
 display: table-row !important; width: 100%; transition: background-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 background-color: rgba(0,0,0,0.02);
}

#shoutbox .entry.new {
 background-color: rgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 border-bottom: dashed 1px #F4F4F4;
}

#shoutbox .entry:last-child > div {
 border-bottom: none;
}

#shoutbox .avatar {
 display: table-cell; padding: 6px;
}

#shoutbox .avatar img {
 margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;
}

#shoutbox .user {
 display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap;
}

#shoutbox .text {
 display: table-cell; margin: 0; width: 100%; padding: 6px; color: #555;
}

#shoutbox .call {
 cursor: pointer; color: #AAAAAA;
}

#shoutbox .info {
 display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap;
}

#shoutbox .info .date {
 margin-right: 5px;
}

#shoutbox .info .ip {
 margin-right: 5px; color: #CECECE;
}

#shoutbox .mod {
 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 border-left: solid 1px #EEE;
}

#shoutbox .ip {
 margin-left: 10px;
} 


Prosze o pomoc

Snake_ napisał 09.09.2014, 16:58:
Poprawiam tytuł.

Rozwiń swe myśli. Za nic nie odgadnę co, jak, gdzie chcesz zmieniać...

Chce zmienic tło na forum

Wciąż nie rozumiem...

Chcesz dodać nowy header, czy zmienić tło na forum!? Dwie zupełnie różne rzeczy...
https://webboard.pl/thread-26119.html

Chce zmienic tło

Dałem już link.

ale u mnie jest wszystko inaczej

Chyba logiczne... inny styl... inne kody. Tutaj chodzi o body i background.

WEZ mi to ustwa jak mozesz bede bardzo wdzięczny

Hm. Może inaczej, z czym masz problem?

BO TERAZ zamiast obrazka na tle forum mam tylko ustawiony kolor a chce dodac obrazek jako tlo na forum

---

Chce dodac obrazek na tlo na forum

---

jak mam wstawic tło na forum

Ech...


Tutaj masz instrukcję, jak używać atrybutu background: http://algorytmy.pl/doc/xhtml/?id=3004