Personalisando a categoria

Qual é minha questão:
Gostaria de saber como eu personaliso minha categoria como na foto abaixo.

Eu ja mechi em tudo, antes de postar algo.

Eu ja fui em visualização > Gestão das imagens > Geral/navegação > Imagem de fundo das tabelas :

Tem essa imagem la: http://hitskin.com/themes/17/62/32/i_list_bg.png


Gostaria de saber como personalisar.

Queria colocar outra imagem no local.

Meu css é:

Código:


/* Personalizacao do Butao de votar - Forum Dos Foruns  */

.vote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EAEAEA;
border:1px solid #D4D6D5;
padding:4px 1px;
text-align:center;
width:20px;
}


.vote .vote-button a[href$="plus"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg) no-repeat scroll 0 0;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href$="minus"] {
background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);
background-repeat:no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}


/*Notepad*/
.notepad {
  margin: 0px auto 15px;
  width: 265px
}
.notepad-content .notepad-box {
  width: 265px;
  position: relative;
  height: 300px
}
.notepad-content #notepad {
  border-right: transparent 1px dotted;
  border-top: transparent 1px dotted;
  background: none transparent scroll repeat 0% 0%;
  left: 25px;
  overflow: auto;
  border-left: transparent 1px dotted;
  width: 211px;
  border-bottom: transparent 1px dotted;
  position: absolute;
  top: 61px;
  height: 218px;
  cursor: default;
}

div.topic-title-container {
    display: inline;
    font-size: 12px;
    text-align: center;
    }
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}




.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}



a {

outline: none;

}


.postprofile {
text-align:left;
}

.post{
background-color: #f2f2f2;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */

.feedburnerFeedBlock img {
display: none;
}
.feedburnerFeedBlock li {
padding: 10px 5px;
min-height: 40px;
-moz-border-radius: 0px 0px 0px #fff;
border:1px dotted #ccc;
}
.feedburnerFeedBlock li:hover {
background-color: #f2f2f2;
}

.feedburnerFeedBlock li a{
font-size: 1.2em;
font-family: Arial,Helvetica,sans-serif;
background: url(http://www.forumeiros.com/i/img/puce_fleche.png) 0%

50% no-repeat;
padding-left: 15px;
color: #000;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.date {
margin: -2px 0px;
font-size: 1.0em;
background: url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) 0%

50% no-repeat;
padding-left: 15px;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.feedItemAuthor {
margin: -2px 0px;
font-size: 1.0em;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock ul li div {
color: #000;
line-height: 100%;
text-align: justify;
-moz-border-radius: 0px 0px 0px #fff;
}
/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */
hr {
color: #ccc;
background-color: #ccc;
border: 0px solid #ccc;
}
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ccc;
display: none;
background-image: url('http://img15.imageshack.us/img15/9581/alt.png');
background-position: center bottom;
background-repeat: repeat-x;
-moz-box-shadow: 0 0 1em #ccc;
}


.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border-bottom: 0px solid #000000;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.h3 {
color: #6f6f6f;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #666666;
-moz-border-radius: 10px;
}

.h3 {
text-align: center;
}

h1.page-title {
color: #ccc;
}
.post {
background-image: url(http://i96.servimg.com/u/f96/12/46/70/00/60870010.png);
background-repeat: no-repeat;
background-position: right bottom;

}
.user_login_form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#555555 none repeat scroll 0 0;
left:0;
opacity:0.75;
position:fixed;
top:0;
width:100%;
}

.user_login_form label {
color:#FFFFFF;
opacity:1;
}

Obrigado desde ja.

Medidas que eu tomei para corrigir o problema:
Procurei no fórum todo, css e em todas as imagens.

Imagens do meu problema:


Endereço do meu fórum:
http://high-tech.livreforum.com

Versão do meu fórum:
PHPBB3

Olá,

Junior, neste caso você vai apenas editar a imagem. O deste fórum que mostrou como imagem de exemplo, ele editou a imagem aumentando a largura dela e adicionando um texto na imagem do tamanho da categoria.

Por exemplo:

https://i.servimg.com/u/f43/16/63/75/54/i_list10.png

Até!

Mais eu tentei com outra imagem, e deu a mesma coisa.




xD

O que pode ser?

Só que a imagem deve ser do tamanho certo Junior. Essa que apresentou é uma imagem preta. Adicione um texto nela e veja se da.

Olha conforme a primeira mensagem, eu estou usando essa imagem:



E aidna não deu certo.

Ja tentei de tudo.

Olá,

As dimensões prováveis e essa: https://i.servimg.com/u/f42/13/72/85/95/barra210.jpg

Não adiantou, olha.

Coloquei essa barra.



E ficou assim:




Att

A imagem de baixo para cima, é muito grande. Nisso não fica exacto no fórum.
Tem que fazer de um tamanho de lado, assim fica correcto na hora que colocar em seu fórum, compreende?



Melhores cumprimentos

Mais não é sobre isso que é minha dúvida.

Minha dúvida é como que faz para tirar ou alterar aquele nome fox.

Conforme aqui:

Olá!

Terá de altera-lo com um editor de imagens, um exemplo é o Photoshop.

Até mais!

Olá, ja editei mais não aparece nada.

Fica igual aqui:

A parte high eu editei.

Agora o fox, fica do mesmo jeito:




Praticamente ja fiz de tudo o que eu pude fazer.

Att

Olá, conssegui resolver.

Era só ir em:

Visualização > gestão das imagens > Geral/navegação > imagem do fundo dos títulos.


Att

Podem fechar o tópico.

Olá!

Utilize o seguinte código:

Código:

ul.topiclist{
background-image: url(http://2img.net/i/fa/empty.gif);
}

PS: Este código também resulta.

Melhores cumprimentos,
seender