Adicionar imagem no fundo

Detalhes da questão

Endereço do fórum: http://fate-extra.forumeiros.com/
Versão do fórum: Invision

Descrição

Eu entrei em Visualização>Imagem e Cores>Gestão de Imagens e coloquei uma imagem de fundo como Background do fórum, mas por algum motivo o fundo está diferente (ele está uma cor sólida). Eu tentei procurar o que esta causando isso e não consegui.

No momento o fórum está assim: https://i.imgur.com/P7F203p.png
Eu quero deixar ele parecido com isso: https://i.imgur.com/qMrJuwd.png

O meu CSS é customizado:

Código:

#submenu{background-image:url(http://oi42.tinypic.com/24loocj.jpg);position:relative;top:-8px;width:102.1%;height:28px;margin-left:-13px}#submenu ul{text-align:center}#submenu ul li a{color:white!important;float:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal}#submenu ul li a:hover{background-color:#F9D838;color:black!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px}

#submenu ul li a:after{clear:both;content:" | "; color:white; font-size: 12px}

{
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}


html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: tahoma;
   color: #ababab;
   background: #0b0b0b;
   background-repeat:repeat-x y;
   font-size: 13px; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}
body.ltr {
   margin:0px;
   margin-top:0px;
   padding:0px;
}
#wrapheader {
   height: auto !important;
   padding: 0;
   margin-left:auto;
   margin-right:auto;
   width:99%;
}

#wrapcentre {
   margin-left:auto;
   margin-right:auto;
   width:99%;
}


#wrapnav {
   width: 100%;
   margin: 0;
   background-color: #ECECEC;
   border-width: 1px;
   border-style: solid;
   border-color: #A9B8C2;
}

#logodesc {
   background-color: #C1CAD2;
   background-image: url('http://missing.hi2.ro/missing.html');
   background-repeat: repeat-x;
   background-position: center bottom;
   padding: 0 25px 15px 25px;
}

#menubar {
   margin: 0 25px;
}

#datebar {
   margin: 10px 25px 0 25px;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   background-color: #101010;
   border-width: 1px;
   border-style: dashed;
   border-color: #00a7de;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: tahoma;
}

.forumrules h3 {
   color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* Links
 ------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
   direction: rtl;
   unicode-bidi: embed;
}

a:link {
   color: #00a7de;
   text-decoration: none;
   font-size:11px;
}

a:active,
a:visited {
   color: #00a7de;
   text-decoration: none;
      font-size:11px;
}

a:hover {
   color: #646464;
   text-decoration: none;
}

a.forumlink {
   color: #00a7de;
   font-weight: bold;
   font-family: tahoma;
   font-size: 1.2em;
}
a.forumlink:hover {
   color: #00a7de;
   font-weight: bold;
   font-family: tahoma;
   font-size: 1.2em;
   text-decoration:none;
}

a.topictitle {
   margin: 1px 0;
   font-family: tahoma;
   font-weight: bold;
   font-size: 11px;
   color:#00a7de;
}
a.topictitle:hover {
   color: #646464;
   text-decoration: none;
}

a.topictitle:visited {
   color: #00a7de;
   text-decoration: none;
}
th {

}
th a,
th a:visited {
   color: #ededed !important;
   text-decoration: none;

   
}
.text-shadow-tabel-stanga-index {
   font-size:11px;
}

th a:hover {
   text-decoration: none;
}


/* Form Elements
 ------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
   text-transform:none;
}

input {
   color: #333333;
   font-family: tahoma;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #A9B8C2;
   background-color: #FAFAFA;
}

textarea {
   background-color: #1c1c1c;
   color: #646464;
   font-family: tahoma;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #1c1c1c;
   padding: 2px;
}

select {
   color: #646464;
   background-color: #1c1c1c;
   font-family: tahoma;
   font-size: 11px;
   font-weight: normal;
   border: 1px solid #1c1c1c;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: graytext;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
   background-color: #1c1c1c;
}

.post {
   background-color: #1c1c1c;
   border-style: solid;
   border-width: 1px;
   border-color: #1c1c1c;
   color:#ffffff;
}

.btnbbcode {
   color: #646464;
   font-weight: normal;
   font-size: 1.1em;
   font-family: tahoma;
   background-color: #1c1c1c;
   border: 1px solid #1c1c1c;
}

.btnmain {
   font-weight: bold;
   background-color: #1c1c1c;
   border: 1px solid #ba6f16;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
   color:#646464;
}

.btnmain:hover {
   font-weight: bold;
   background-color: #1c1c1c;
   border: 1px solid #00a7de;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
   color:#646464;
}

.btnlite {
   font-weight: normal;
   background-color: #1c1c1c;
   border: 1px solid #2a2a2a;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
   color:#646464;
}
.btnlite:hover {
   font-weight: normal;
   background-color: #1c1c1c;
   border: 1px solid #646464;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
   color:#646464;
}

.btnfile {
   font-weight: normal;
   background-color: #1c1c1c;
   border: 0px solid #1c1c1c;
   padding: 1px 5px;
   font-size: 1.1em;
   color:#646464;
}

.helpline {
   background-color: #101010;
   border-style: none;
   color:#646464;
}




/*Panel Left*/

.panel {
position: absolute;
top: 50px;
left: 0;
display: none;
   background:url('http://missing.hi2.ro/missing.html') repeat;
border:1px solid #111111;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 330px;
height: 200px;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=595);
opacity: .95;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #00a7de;
text-decoration: none;

}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 10px;
text-transform:uppercase;
font-family: tahoma;
color:#00aa00;
padding: 10px 30px 10px 10px;
font-weight: 700;
background:#131313 url('http://missing.hi2.ro/missing.html') 85% 55% no-repeat;
border:1px solid #1c1c1c;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 10px;
text-transform:uppercase;
font-family: tahoma;
color:#00a7de;
padding: 10px 40px 10px 10px;
font-weight: 700;
background:#222222 url('http://missing.hi2.ro/missing.html') 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url('http://missing.hi2.ro/missing.html') 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 100px;
line-height: 22px;
}
.colright{
float: right;
width: 130px;
line-height: 22px;
}
.rosugros {
   color: #FF0000;
   font-weight: bold;
   }






a:link,
a:visited,
a:active{

    text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}

div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://i47.servimg.com/u/f47/16/97/85/02/minimi11.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i47.servimg.com/u/f47/16/97/85/02/maximi10.png') no-repeat 50% 50%;
}

.popupmenu li {
background-color: #1d1d1d;
}

.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}

.post {
border-bottom:10px solid #1d1d1d;
}


a.mainmenu{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
   }
a.mainmenu:hover{
          filter:alpha(opacity=50);  
-moz-opacity: 0.65;  
opacity: 0.55;
    }

















#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
a:hover{text-transform:uppercase;}

.skills a img{
background: url(http://i64.servimg.com/u/f64/14/54/25/26/dwd-gr10.png) no-repeat;}

.skills a img:hover{
background-position: 0px -40px;}



a[href="/g3-utilizatori"]{
padding-left: 18px;
background: url('http://i42.tinypic.com/f9famh.png') no-repeat left;
}
a[href="/u1"] strong, a[href="/u2"] strong, a[href="/u3"] strong, a[href="/u4"] strong, a[href="/u5"] strong, a[href="/u6"] strong, a[href="/u7"] strong, a[href="/u8"] strong, a[href="/u9"] strong, a[href="/u10"] strong, a[href="/u11"] strong, a[href="/u12"] strong, a[href="/u13"] strong, a[href="/u14"] strong, a[href="/u15"] strong, a[href="/u16"] strong, a[href="/u17"] strong, a[href="/u18"] strong, a[href="/u19"] strong, a[href="/u20"] strong, a[href="/u21"] strong, a[href="/u22"] strong, a[href="/u23"] strong, a[href="/u24"] strong, a[href="/u25"] strong, a[href="/u26"] strong, a[href="/u27"] strong, a[href="/u28"] strong, a[href="/u29"] strong, a[href="/u30"] strong, a[href="/u31"] strong, a[href="/u32"] strong, a[href="/u33"] strong, a[href="/u34"] strong, a[href="/u35"] strong, a[href="/u36"] strong, a[href="/u37"] strong, a[href="/u38"] strong, a[href="/u39"] strong, a[href="/u40"] strong, a[href="/u41"] strong, a[href="/u42"] strong, a[href="/u43"] strong, a[href="/u44"] strong, a[href="/u45"] strong, a[href="/u46"] strong, a[href="/u47"] strong, a[href="/u48"] strong, a[href="/u49"] strong, a[href="/u50"] strong, a[href="/u51"] strong, a[href="/u52"] strong, a[href="/u53"] strong, a[href="/u54"] strong, a[href="/u55"] strong, a[href="/u56"] strong, a[href="/u57"] strong, a[href="/u58"] strong, a[href="/u59"] strong, a[href="/u60"] strong, a[href="/u61"] strong, a[href="/u62"] strong, a[href="/u63"] strong, a[href="/u64"] strong, a[href="/u65"] strong, a[href="/u66"] strong, a[href="/u67"] strong, a[href="/u68"] strong, a[href="/u69"] strong, a[href="/u70"] strong, a[href="/u71"] strong, a[href="/u72"] strong, a[href="/u73"] strong, a[href="/u74"] strong, a[href="/u75"] strong, a[href="/u76"] strong, a[href="/u77"] strong, a[href="/u78"] strong, a[href="/u79"] strong, a[href="/u80"] strong, a[href="/u81"] strong, a[href="/u82"] strong, a[href="/u83"] strong, a[href="/u84"] strong, a[href="/u85"] strong, a[href="/u86"] strong, a[href="/u87"] strong, a[href="/u88"] strong, a[href="/u89"] strong, a[href="/u90"] strong, a[href="/u91"] strong, a[href="/u92"] strong, a[href="/u93"] strong, a[href="/u94"] strong, a[href="/u95"] strong, a[href="/u96"] strong, a[href="/u97"] strong, a[href="/u98"] strong, a[href="/u99"] strong, a[href="/u101"] strong, a[href="/u102"] strong, a[href="/u103"] strong, a[href="/u104"] strong, a[href="/u105"] strong, a[href="/u107"] strong, a[href="/u108"] strong, a[href="/u109"] strong, a[href="/u110"] strong, a[href="/u111"] strong, a[href="/u112"] strong, a[href="/u113"] strong, a[href="/u114"] strong, a[href="/u115"] strong, a[href="/u116"] strong, a[href="/u117"] strong, a[href="/u118"] strong, a[href="/u119"] strong, a[href="/u120"] strong, a[href="/u121"] strong, a[href="/u122"] strong, a[href="/u123"] strong, a[href="/u124"] strong, a[href="/u125"] strong, a[href="/u126"] strong, a[href="/u217"] strong, a[href="/u128"] strong, a[href="/u129"] strong, a[href="/u130"] strong, a[href="/u131"] strong, a[href="/u132"] strong, a[href="/u133"] strong, a[href="/u134"] strong, a[href="/u135"] strong, a[href="/u136"] strong, a[href="/u137"] strong, a[href="/u138"] strong, a[href="/u139"] strong, a[href="/u140"] strong, a[href="/u141"] strong, a[href="/u142"] strong, a[href="/u143"] strong, a[href="/u144"] strong, a[href="/u145"] strong, a[href="/u146"] strong, a[href="/u147"] strong, a[href="/u148"] strong, a[href="/u149"] strong, a[href="/u150"] strong, a[href="/u151"] strong, a[href="/u152"] strong, a[href="/u153"] strong, a[href="/u154"] strong, a[href="/u155"] strong, a[href="/u156"] strong, a[href="/u157"] strong, a[href="/u158"] strong, a[href="/u159"] strong, a[href="/u160"] strong, a[href="/u161"] strong, a[href="/u162"] strong, a[href="/u163"] strong, a[href="/u164"] strong, a[href="/u165"] strong, a[href="/u166"] strong, a[href="/u167"] strong, a[href="/u168"] strong, a[href="/u169"] strong, a[href="/u170"] strong, a[href="/u171"] strong, a[href="/u172"] strong, a[href="/u173"] strong, a[href="/u174"] strong, a[href="/u175"] strong, a[href="/u176"] strong, a[href="/u177"] strong, a[href="/u178"] strong, a[href="/u179"] strong, a[href="/u180"] strong, a[href="/u181"] strong, a[href="/u182"] strong, a[href="/u183"] strong, a[href="/u184"] strong, a[href="/u185"] strong, a[href="/u186"] strong, a[href="/u187"] strong, a[href="/u188"] strong, a[href="/u189"] strong, a[href="/u190"] strong, a[href="/u191"] strong, a[href="/u192"] strong, a[href="/u193"] strong, a[href="/u194"] strong, a[href="/u195"] strong, a[href="/u196"] strong, a[href="/u197"] strong, a[href="/u198"] strong, a[href="/u199"] strong{
padding-left: 18px;
background: url('http://i42.tinypic.com/f9famh.png') no-repeat left;
}

a[href="/g4-wewillsee-team"]{
padding-left: 18px;
background: url('http://i41.tinypic.com/wan2q8.jpg') no-repeat left;
}
 a[href="/u2"] strong, a[href="/u3"] strong, a[href="/u4"] strong, a[href="/u"] strong, a[href="/u113"] strong, a[href="/u2"] strong{
padding-left: 18px;
background: url('http://i41.tinypic.com/wan2q8.jpg') no-repeat left;
}

a[href="/g2-global-moderatori"]{
padding-left: 18px;
background: url('http://i42.tinypic.com/2hiblag.jpg') no-repeat left;
}
a[href="/u6"] strong, a[href="/u"] strong{
padding-left: 18px;
background: url('http://i42.tinypic.com/2hiblag.jpg') no-repeat left;
}

a[href="/g6-administratori"]{
padding-left: 18px;
background: url('http://fullzone.ro/forum/images/group_icons/fondator.png') no-repeat left;
}
 a[href="/u1"] strong, a[href="/u"] strong{
padding-left: 18px;
background: url('http://fullzone.ro/forum/images/group_icons/fondator.png') no-repeat left;
}

/*Barra Notificacao*/

    #fa_toolbar #fa_right #notif_list:-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    border-radius: 10px !important;
    background-color: #F5F5F5 !important;
    }
    #fa_toolbar #fa_right #notif_list:-webkit-scrollbar {
    width: 12px !important;
    background-color: #F5F5F5 !important;
    }
    #fa_toolbar #fa_right #notif_list:-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
    background-color: #555 !important;
    }
    #fa_toolbar #fa_right #notif_list {
    overflow: hidden;
    height: 400px !important;
    overflow-x: hidden !important;
    }
    #fa_toolbar #fa_right #notif_list:hover {
    overflow: scroll !important;
    overflow-x: hidden !important;
    }
    #fa_toolbar #fa_right #notif_list li.unread {
    background-color: #EEEFF4 !important;
    }
    #fa_toolbar #fa_right #notif_list li .contentText {
    color: #333 !important;
    height: 50px !important;
    }
    .notifFaceavatar {
    float:left !important;
    margin:0 5px !important;
    padding:2px !important;
    }
    .notifFaceavatar img {
    height: 45px !important;
    width: 45px !important;
    }
    #fa_toolbar #fa_right #notif_list {
    border: 1px solid #e0e0e0 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    }
    #fa_toolbar #fa_right #notif_list li.see_all {
    text-align: center !important;
    background-color: #f7f7f7 !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    }
    #fa_toolbar #fa_right #notif_list a  {
    color: #3B5998 !important;
    }
    #fa_toolbar #fa_right #notif_list li a.delete {
        background: url('http://i.imgur.com/b5E2MD2.jpg') no-repeat !important;
    }
    #fa_toolbar #fa_right #notif_list li a.delete:hover {
        background: url('http://i.imgur.com/ydpwRs2.jpg') no-repeat !important;
    }
    #fa_toolbar #fa_right #notif_list li {
    border-top: 1px solid #dddddd !important;
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    }
    #fa_toolbar #fa_right #notif_list li hr {
    border: 0px !important;
    }

/*Hoverbox Usuario*/

    #user-hoverbox {
       display:initial!important;
    margin-left:5px;
    width:140px;
    padding-top:1px;
    position:absolute;
    z-index:9;}
    
    #user-hoverbox #user-hoverbox-inner a {
    background:#fff;
    border-bottom:1px solid #d4d4d4;
    color:#333!important;
    display:inline-block;
    font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align:left;
    text-shadow:none!important;
    padding:8px;
    width:104px;
    height:12px;
    }
    
    #user-hoverbox-inner {
    background:#fff;
    border:4px solid #000;
    border-radius:2px;
    box-shadow:0 1px 5px rgba(0,0,0,0.31);
    width:120px;
    height:145px;
    }
    
    #user-hoverbox #user-hoverbox-inner a:hover {
    background:#fafafa;
    }
    
    #user-hoverbox::before {
    border-bottom:5px solid #363636;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    content:"";
    height:0;
    left:12px;
    position:absolute;
    top:-4px;
    width:0;
    }
    
    #user-hoverbox a .icon-user {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
    }
    
    #user-hoverbox a .icon-comments {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
    }
    
    .pun #user-hoverbox a i {
    background-position:center;
    background-repeat:no-repeat;
    float:left;
    height:10px;
    margin-right:3px;
    margin-top:2px;
    opacity:.8;
    width:13px;
    }
    
    #user-hoverbox a .icon-envelope-alt {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
    }
    
    #user-hoverbox a .icon-file-alt {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
    }
    
    #user-hoverbox a .icon-folder-open {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
    }

/*Nome do Rank*/

.nomedorankazul {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #409CFF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.nomedorankverde {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00DB33;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

/*Efeito 3D Avatar*/

    dl.postdetails dt img{
          margin-bottom: 10px;
        border: 0px solid #eee;
        -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    
    dl.postdetails dt img:hover {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
    }

post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 5px #9C9C9C;
-webkit-box-shadow:2px 2px 5px #9C9C9C;
box-shadow:2px 2px 5px #9C9C9C;
}

Boas!

Vá em teu CSS e coloque este código:

Código:

body {
    background: url("LINKDAIMAGEM")!important;
}

"LINKDAIMAGEM" o senhor coloca o link que quer pro fundo da imagem.
Até mais.
Sennior

Funcionou perfeitamente!
Obrigado!