Webboard

Pełna wersja: Tło - styl deflection
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6
adres forum: http://frag-project.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Mam pytanie. W jaki sposób zamieścić tło w stylu deflection? Chodzi mi o to tło http://i.imgur.com/bEf0EGw.png

Poniżej przedstawiam arkusz globalek.css[/code]

Kod:
.thead {
background: #007bff url(images/deflection/maintitle.jpg) repeat-x 100% 50%;
color: #fff;
padding: 2px 10px 8px;
font-size: 15px;
font-weight: 300;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 4px 4px;
border: 1px solid rgba(255,255,255,0.2);
text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
margin-bottom: 4px;
}

#belka_LogSzu {
    background:#FF6600 url(images/deflection/maintitle.jpg) repeat-x 100% 50%;
    color:#fff;
    border:1pxsolid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    text-shadow:0px -1px 0px rgba(0,0,0,0.4);
    height:36px;
}

.szerokosc_all {
    min-width: 980px;
    max-width: 1600px;
    width: 90%;
        margin: auto;
}

#navigacja1 {
    color:#9f9f9f;
    font-size:11px;
    line-height:36px;
    height:36px;
    overflow:hidden;
    float:left;
}
#navigacja1 a {
    color:#eee;
    float:left;
    padding:0 13px;
    line-height:36px;
    outline:none;
    height:36px;
    border-left:1px solid rgba(0, 0, 0, 0.13);
}
#navigacja1 a:hover {
    background:#232323;
    background:rgba(85, 85, 85, 0.21);
}
#navigacja1 img {
    float:left;
    padding-top: 10px;
    height:16px;
}

#navigacja2 {
    color:#9f9f9f;
    font-size:11px;
    line-height:36px;
    height:36px;
    overflow:hidden;
    float:left;
}
#navigacja2 a {
    color:#eee;
    float:left;
    padding:0 13px;
    line-height:36px;
    outline:none;
    height:36px;
    border-left:1px solid rgba(0, 0, 0, 0.13);
}
#navigacja2 a:hover {
    background:#232323;
    background:rgba(85, 85, 85, 0.21);
}
#navigacja2 img {
    padding-top: 5px;
    float:left;
    height:26px;
    width:26px;

}
#navigacja3 {
    font-size:11px;
    line-height:36px;
    height:36px;
    overflow:hidden;
    float:left;
}
#navigacja3 a {
    float:left;
    padding:0 13px;
    line-height:36px;
    outline:none;
    height:36px;

}
#navigacja3 img {
    float:left;
    padding-top: 10px;
    height:16px;
}
#useravy {
    position:relative;
    height:28px;
    width: 28px;
    width:auto;
}

.menu_glowne_activ {
    background: #202020;
    border-left:1px solid #2f2f2f;
    border-right:1px solid #2f2f2f;
    border-top:1px solid #565656;
    border-bottom:1px solid #212121;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-color: #FFFFFF;
}



#menu_logowania {
    background: url(images/defi/trans20.png) repeat 0 0;
    background: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    height: 36px;
    width: 100%;
    margin: auto auto;
    color: #9f9f9f;
    font-size: 11px;
}    

#menu1 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    float: left;
    padding: 3px 0 0 0;
    display: inline-block;
    list-style: none;
}

#menu1 li {
    margin: 0px 3px 0 0;
    position: relative;
    float: left;
}

#menu1  li  a {
    color: #bcbcbc;
    background:#1d1d1d;
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #1f1f1f;
    border-top: 1px solid #252525;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    display: block;
    outline: none;
    padding: 0px 15px;
    line-height: 31px;
    height: 31px;
}

#menu1  li  a:hover {
    background:#1d1d1d;
    border-top: 1px solid #303030;
    border-left: 1px solid #272727;
    border-right: 1px solid #272727;
    color: #fff;
}



#menu_logowania1 {font-size: 11px;}

#menu_logowania1 a {
    color: #FFFFFF;
    float: left;
    padding: 0 13px;
    line-height: 36px;
    outline: none;
    height: 36px;
    border-right: 1px solid #292929;
    text-decoration: none;
}

#menu_logowania1 a:hover {
    background: #232323;
    background: rgba(255,255,255,0.04);
    text-decoration: none;
}
#menu_logowania1 img {
    float:left;
    padding-top: 10px;
    height:16px;
}

#menu_logowania2 a {
    color: #FFFFFF;
    padding: 0 13px;
    line-height: 36px;
    outline: none;
    height: 36px;
    text-decoration: none;
}


#menu_logowania3 a {
    color:#eee;
    float:left;
    padding:0 13px;
    line-height:36px;
    outline:none;
    height:36px;
    border-left:1px solid rgba(0, 0, 0, 0.13);
}
#menu_logowania3 a:hover {
    background:#232323;
    background:rgba(85, 85, 85, 0.21);
}
#menu_logowania3 img {
    float:left;
    padding-top: 4px;
    height:28px;
}

/***********************************************************************/
*/
#search {
    color: #556b85;
    font-size: 0.85em;
    margin: 10px 10px auto auto;    
    position: relative;
        padding: 30px;
    right: 0px;
    float: right;
display: block;
}
#search .submit_input {
    background: url(images/deflection/search_icon.png) no-repeat;
    text-indent: -3000em;
        width: 26px;
        height: 26px;
        border: 0;
    padding: 0;
    float: left;
-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}
#search input#main_search {
    padding-top: 3px;
        padding-left: 3px;
    border: 0;
    width: 165px;
    background-color: #fff;
color: #ACA899;
}
#search_wrap {
background: #fff;
position: relative;
float: left;
height: 24px;
width: 175px;
padding: 1px 5px 0 0;
border: 0;
-moz-border-radius:3px 4px 4px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:3px;
border-radius:3px 0px 0px 3px;
-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}
#adv_search {
    width: 23px;
    height: 20px;
    margin: 3px;
    background: url(images/deflection/advanced_search.png) no-repeat 50%;
    text-indent: -3000em;
    float: left;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#forum_search {
    width: 52px;
    height: 25px;
    background: url(images/deflection/szukajkaforum.png) no-repeat 50%;
    text-indent: -3000em;
    float: left;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
    
#adv_search:hover {
    background-color: #ba3737;
        border-radius: 3px 3px 3px 3px;
}

/***************************************************************************/
.bannerystrglowna {
    border:1px solid #303030;
    -webkit-box-shadow:inset rgba(0, 0, 0, 0.4) 0px 1px 6px;
    -moz-box-shadow:inset rgba(0,0,0,0.4) 0px 1px 6px;
    box-shadow:inset rgba(0, 0, 0, 0.4) 0px 1px 6px;
    text-shadow:rgba(0, 0, 0, 0.8) 0px -1px 0px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    color:#DDD;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:140%;
    margin-bottom:10px;
    padding:20px;
}
/***************************************************************************/

.obramowanie1{
    /*background: #f4fcff;*/
    padding: 4px;
    /*border: solid 1px #cccccc;*/
    border-radius:4px;
}

.forumbit_trow1 {
     background: #1a1a1a url(images/deflection/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;
}

.forumbit_trow2 {
     background: #1a1a1a url(images/deflection/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;
}
.forumbit_trow2 a {color: #eeeeee; font: normal 11px helvetica, arial, sans-serif;}

.forumbit_trow3 {

    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
    width:15%;
    text-align:right;
     background: #1a1a1a url(images/deflection/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
}

.forumbit_trow4 {
     background: #1a1a1a url(images/deflection/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    color: #777777;
    line-height: 17px;
    padding-right: 10px;
}
.forumbit_trow4 a {color: #eeeeee;}

.favimg {
border:1px solid #515151;
background:#CCCCCC;
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}
/*************************************************************/
.ipbfs_titlebox {
    background:#1a1a1a;
    border:1px solid #303030;
    text-shadow:0px -1px 0px rgba(0,0,0,0.4);
    color: #eeeeee;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 4px;
    -moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 4px;
    box-shadow:inset rgba(0,0,0,0.1) 0px 1px 4px;
    padding:10px;
    overflow:hidden;
}

.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #515151;
    background: #393939;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        border-color: #7d7d7d;
    }
    
    .ipsUserPhoto_variable { max-width: 155px; }
    .ipsUserPhoto_large { width: 90px; height: 90px; }
    .ipsUserPhoto_medium { width: 50px; height: 50px; }
    .ipsUserPhoto_mini { width: 30px; height: 30px; }
    .ipsUserPhoto_tiny { width: 20px; height: 20px;    }
    .ipsUserPhoto_icon { width: 16px; height: 16px;    }
    .ipsUserPhoto_inset { width: 25px; height: 25px; position: absolute; margin-left:-22px; margin-top: 30px; }

.ipsType_pagetitle, .ipsType_subtitle {
    font: 300 26px/1.3 Helvetica, Arial, sans-serif;
    color: #eeeeee;
    text-shadow:0px -1px 0px rgba(0,0,0,0.4);
}
/********************************************************/
.gora_posty {
    background: #0e0e0e;
    padding: 3px 0px 0px 0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-top: 1px solid #2b2b2b;
    border-left: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
}

.dol_posty {
    background: #0e0e0e;
    padding: 3px 0px 0px 0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-bottom: 1px solid #2b2b2b;
    border-left: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
}
/*********************************************************/
.tlo_boczne {
    width:100%;
    background: #f4fcff;
    padding: 4px;
    border: solid 1px #cccccc;
    border-radius:4px;
}
    
.GG_boczne {
background:#91b445;padding: 1px 6px;-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-top: 1px solid #9fbd5d;
text-shadow: 0px -1px 0px #677f33;
color: #fff;
border-radius: 4px;
}    
/********************************************************/
.ver_sub {
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
}
.ver_sub li {
width: 50%;
float: left;
}
/********************************************************/
.prifix_wzor {
background:#91b445;
padding: 3px 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-top: 1px solid #9fbd5d;
text-shadow: 0px -1px 0px #677f33;
color: #fff;
border-radius: 4px;
}

.prifix_info {
background:#0c6db8;
padding: 1px 6px;
text-shadow: 0px -1px 0px #677f33;
color: #fff;
border-radius: 4px;
}    

/***********************************************************/

.statround {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-box-shadow: rgba(255, 255, 255, 0.031) 0px 1px 0px 0px inset;
align-content: stretch;
align-items: stretch;
align-self: stretch;
background: #2b2b2b url(images/deflection/highlight_reallyfaint.png) repeat-x;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, 0.031) 0px 1px 0px 0px inset;
color: #FFFFFF;
display: inline-block;
flex: 0 1 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
font: normal normal 700 11px/13.2px Tahoma;
height: 13px;
justify-content: flex-start;
list-style: none;
margin: 0px 3px 0px 0px;
order: 0;
padding: 3px 7px;
resize: none;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px;

}

.statround a:link,
.statround a:visited {
    color: #fff;
    font: normal normal 700 11px/13.2px Tahoma;
}

.statround a:hover,
.statround a:active {
    color: #fff;
}
        
/***********************************************************/
.post_linia {
    color:dd900d;
    border-bottom: 1px dashed #2c2929;
    margin: auto;
    width: 95%;
    height: 20px;
}

.posty_lewo {
    float:left;
    color: #00a2ff;
    padding-right:10px
}
.posty_prawo {
    float:right;
    color:#fff;
}

/***********************************************************/


.navigacjatlo {
    background: url ('images/deflection/secondary_nav_bg.png') repeat-x 100% 50% #FF0000;
}

        
        
.avatar {
    margin-left: 8px;
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
}

.nick {
    margin-top: 6px;
    float: left;
    margin-left: 8px;
}

.posty {
    background: #2e2e2e;
    color: white;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 10px;
    float: right;
    font-weight: bold;
}
        
/* FOOTER */    

#backtotop,
#bottomScroll{
    width: 24px;
    height: 24px;
    line-height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -16px;
    position: absolute;
    display: inline-block;
    background: #bdbdbd;
    -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
    box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
    text-align: center;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    opacity: 0.4;
    outline: 0;
}

    #bottomScroll:hover, #backtotop:hover {
        background: #8a8a8a;
        color: #fff;
        opacity: 1;
    }

#footer_utilities {
    padding: 8px;
    position: relative;
    background: url(http://localhost/~Forum/public/style_images/infinite/trans20.png) repeat-x 0 0;
    background: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}

#footer_utilities a{ color: #d5d5d5; }
#footer_utilities .ipbmenu_content a{ color: #444 !important; }

    #footer_utilities .ipsList_inline{ margin-top: 3px; clear: left; float: left; }
    #footer_utilities .ipsList_inline > li{ margin: 0; }
    #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; }
    #footer_utilities a.menu_active {
        background: url(http://localhost/~Forum/public/style_images/infinite/trans30.png) repeat;
        background: rgba(0,0,0,0.3);
        color: #fff;
        text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
        -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
        box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
    }
    
    #copyright {
        color: #d5d5d5;
        text-align: right;
        line-height: 22px;
        float: right;
    }
    
        #copyright a { color: #d5d5d5; }

#ipsDebug_footer {
    width: 900px;
    margin: 8px auto 0px auto;
    text-align: center;
    color: #404040;
    font-size: 11px;
}
    #ipsDebug_footer strong { margin-left: 20px; }
    #ipsDebug_footer a { color: #404040; }
    
#rss_menu {
    background-color: #fef3d7;
    border: 1px solid #ed7710;
}
    
    #rss_menu li { border-bottom: 1px solid #fce19b; }
    #rss_menu li:last-of-type{ border-bottom: 0; }
    #rss_menu a {
        color: #ed7710;
        padding: 5px 8px;
        text-shadow: none;
    }

        #rss_menu a:hover {
            background-color: #ed7710;
            color: #fff;
        }
        .clear { clear: both; }
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
    .ipsList_inline > li:first-child { margin-left: 0; }
    .ipsList_inline > li:last-child { margin-right: 0; }
    .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
    .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
    .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;}


.custom_theme{
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0px 3px 3px 0px;
    background: #2a2a2a url(images/deflection/color_picker.png) no-repeat 50% 50%;
    border: 1px solid #3f3f3f;
    cursor: pointer;
    width: 37px;
    height: 36px;
    margin-left: -2px;
    float: right;
}
.custom_theme:hover{
    background-color: #323232;
}
.custom_theme #colorpicker{
    border: 0 !important;
    background: none transparent !important;
    text-indent: -999px !important;
    height: 36px;
    font-size: 0;
    width: 37px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    display: block;
}margin: 0;
    cursor: pointer;
    opacity: 0;
    display: block;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {    border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;    font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; border: 0; }
address{ display: inline; }

input, select, textarea {
    font: normal 12px tahoma, helvetica, arial, sans-serif;
}

h3, strong { font-weight: bold; }
em { font-style: italic; }
img, .input_check, .input_radio { vertical-align: middle; }
legend { display: none; }
table { width: 100%; }
td { padding: 3px; }
a {
    color: #595959;
    text-decoration: none;
}
    a:hover { color: #3b3b3b; }
::-moz-selection { color: #fff;  background: #82b8e6; }
::selection      { color: #fff;  background: #82b8e6; }
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
#nav_wrap{
    float: right;
    margin: 21px 0 0 0;
}
#primary_nav {
    background: #222222 url(images/maintitle.png) repeat-x 100% 50%;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
    font-size: 11.4px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
    color:#fff;
    border: 1px solid rgba(255,255,255,0.2);
    text-shadow:0px -1px 0px rgba(0,0,0,0.4);

}
    #community_app_menu > li { margin: 0; }
    #community_app_menu > li > a {
        color: #fff;
        display: block;
        outline: none;
        padding: 0px 12px;
        line-height: 36px;
        height: 36px;
        -moz-transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        position: relative;
    }
    #community_app_menu > li > a:hover,
    #community_app_menu > li > a.menu_active {
        background: url(images/trans10.png) repeat;
        background: rgba(0,0,0,0.08);
        color: #fff;
    }
    #community_app_menu > li.active > a {
        background: url(trans10.png) repeat;
        background: rgba(0,0,0,0.12);
        -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 0px 5px;
        -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 0px 5px;
        box-shadow: inset rgba(0,0,0,0.3) 0px 0px 5px;
        border-right: 1px solid rgba(255,255,255,0.25);
        border-left: 1px solid rgba(255,255,255,0.25);
    }

#branding {
    height: 80px;
    position: relative;
}

#ipboard_body.minimal #ipbwrapper{
    width: 900px;
    margin: 0 auto;
}
.wrapper{
    width: 90%;
    min-width: 975px;
    max-width: 1300px;
    margin: 0 auto;
}
#admin_bar {
    font-size: 11px;
    line-height: 28px;
    padding: 0 12px;
    background: #323232 url(images/deflection/highlight_faint.png) repeat-x 0 -1px;
    border: 1px solid #3c3c3c;
    border-top: 0;
    overflow: hidden;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
#admin_bar li{ padding-left: 10px; padding-right: 10px; }
#admin_bar li.active a { color: #fc6d35; }
#admin_bar a { color: #8a8a8a; }
#admin_bar a:hover { color: #fff; }
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
    .ipsList_inline > li:first-child { margin-left: 0; }
    .ipsList_inline > li:last-child { margin-right: 0; }
    .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
    .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
    .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
    
.userlinks{
        display: inline;
    width: 250px;
    color: #ffffff;
    padding: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.userlinks:hover{
background: url(images/deflection/cp.png) repeat-x top center;
}

.czerwone_menu {
    color: #ffffff;
    background-color: #cf2020;
        padding:0px 4px;
        font-family: Arial, Verdana, 'Trebuchet MS', Helvetica, Univers, Futura;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 9px;
        margin-top:-9px;
        margin-left:-25px;
        text-decoration:none;
        font-weight:normal;
        box-shadow: 1px 1px 1px #2f2f2f;
        position:absolute;
}
        
        
#boxes #info {
    width: 600px;
    height: 450px;
    position: fixed;

    -webkit-box-shadow: 0px 0px 20px #222;
    -moz-box-shadow: 0px 0px 20px #222;
    box-shadow: 0px 0px 20px #222;
    background: url(images/stylo/trans.png) repeat;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 110px !important;
    margin: auto;
    left: 25% !important;
}
        
        
.ogloszeniehome {
background: #82b8e6;
border-bottom: 1px solid #00486F;
border-top: 1px solid #00486F;
border-left: 1px solid #00486F;
border-right: 1px solid #00486F;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
padding: 12px;
margin-right: 45px;
margin-left: 45px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #1a1a1a;    
}

.server {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    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/serversboard/highlight.png);
    background-repeat: repeat-x;
    background-position: 0 -1px;
}

.serveronline {
    background:green;
}

.serveroffline {
    background:red;
}


.noticeui111 { background: url('http://frag-project.pl/images/noticebg.png') repeat-x scroll 0px 0px transparent; color: rgb(255, 255, 255); width: 83%; height: 50px; font-weight: normal; padding: 13px 15px 0px; 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: 14px; font-weight: bold; margin-bottom: 0.65em; }
.noticeui111 span { background: url('http://frag-project.pl/images/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); }
.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); }
.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); }
.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); }
.noticeui111-success span { background-position: 100% 0px; }
Podaj konto testowe z ustawionym tym stylem.
Najprościej, odpal folder w ftp z plikami tego stylu. Odnajdź interesujący Cię obrazek i podmień pamiętając o tej samej nazwie i rozszerzeniu.
Tylko, że nie ma obrazka tylko tło jest w charakterze

Kod:
body {
background: #212121;
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}

Salvation

Kod:
body {
background: url(http://i.imgur.com/bEf0EGw.png);
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
Kurcze tak samo robiłem i nie działało. A teraz działa : ) A jak dodatkowo dodać jeszcze kolor tła taki taki jak był? Bo tło img jest przezroczyste i brzydko wygląda.
Kod:
background: #212121 url(http://i.imgur.com/bEf0EGw.png);
Bardzo dziękuje za szybką pomoc.