Sobre o fundo de categoria

Detalhes da questão

Endereço do fórum: http://utw-ngtgames.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Quero saber como mudar o fundo de categoria com imagem.
Mudar a altura do mesmo

Boas!

Adicione em sua CSS:

Código:

.forabg {
    background: url('LINK DA IMAGEM') !important;
}
li.header { height: 30px; }

Atenciosamente,
Fraise.

Úma dúvida, quando coloquei a imagem em ambos os códigos o fundo ficou branco. Como conserto ?

Olá,
Para alterar a imagem da Categoria basta ir em Visualização > Gestão da Imagens > Modo Avançado e procure por "Imagens do fundo da categorias" e cole o link da imagem desejada.

Atenciosamente,
Podolski

Ok, mas como ele fechou o tópico sem que eu respondesse.
O meno fica com fundo branco ...

Por gentileza, me forneça sua folha de estilos.

Atenciosamente.

#page-header .navbar .linklist {
background: #2E2E2E!important;
border: none;
margin: -9px -10px 5px;
background-image:none!important;
}
#page-header a.mainmenu {
color: #eee;
display: inline-block;
font-family: sans-serif;
font-size: 11px;
font-weight: 700;
height: 35px;
line-height: 37px;
outline: medium none;
padding: 0 15px;
transition-duration: 100ms;
}
#page-header .navbar .linklist li {
font-size: 0;
}
#page-header a.mainmenu[href="/register"]{color:#8C5!important;}
#page-header a.mainmenu:hover{background-color:#1A1A1A;}
#page-header a.mainmenu[href^="/login"]:hover{background-color:#E54732;}

#i_whosonline + p br + br + em {
width: 70%;
background: white url(https://i.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
#wrap {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #a6a8a9;
border-radius: 4px;
box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
}
.forabg {
padding: 0 !important;
width: 1220px;
margin-left: -5px;
}
.navbar {
width: 1205px !important;
margin-left: -5px;
}
#page-header .navbar .linklist {
height: 35px;
background: url('https://i.imgur.com/4uf95Zo.png') !important;
}
.forabg {
background: url('LINK DA IMAGEM') !important;
}
li.header { height: 30px; }
ul.topiclist li.header dl dd.topics, ul.topiclist li.header dl dd.posts, ul.topiclist li.header dl dd.lastpost { display: none; }
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top {
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}

Troque:

Código:

#page-header .navbar .linklist {
background: #2E2E2E!important;
border: none;
margin: -9px -10px 5px;
}
#page-header a.mainmenu {
color: #eee;
display: inline-block;
font-family: sans-serif;
font-size: 11px;
font-weight: 700;
height: 35px;
line-height: 37px;
outline: medium none;
padding: 0 15px;
transition-duration: 100ms;
}
#page-header .navbar .linklist li {
font-size: 0;
}
#page-header a.mainmenu[href="/register"]{color:#8C5!important;}
#page-header a.mainmenu:hover{background-color:#1A1A1A;}
#page-header a.mainmenu[href^="/login"]:hover{background-color:#E54732;}

#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
#wrap {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #a6a8a9;
border-radius: 4px;
box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
}
.forabg {
padding: 0 !important;
width: 1220px;
margin-left: -5px;
}
.navbar {
width: 1205px !important;
margin-left: -5px;
}
#page-header .navbar .linklist {
height: 35px;
background: url('http://i.imgur.com/4uf95Zo.png') !important;
}
.forabg {
background: url('LINK DA IMAGEM') !important;
}
li.header { height: 30px; }
ul.topiclist li.header dl dd.topics, ul.topiclist li.header dl dd.posts, ul.topiclist li.header dl dd.lastpost { display: none; }
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top {
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}

Atenciosamente,
Fraise.

O Que foi alterado, pode me informar ?

Olá,
Adicione este código a sua folha de estilo CSS.

Código:

#page-header .navbar { background: transparent !important; }
#page-header ul.navlinks { background: red !important; }

Altere "red" para a cor desejada com o nome em inglês.

Atenciosamente,
Podolski

Eu removi o background-image:none!important; da classe #page-header .navbar .linklist {.

Atenciosamente,
Fraise.

Pode fechar !!!