Personalização de widget

[Showman]

Qual é minha questão:
Olá,atualmente vejam como está o Widget do meu fórum http://hq-design.umforum.net/forum eu gostaria que mudasse somente uma coisa,vejam também os widgets desse fórum: http://narutorpgstorm.ultimaterpg.net/forum
Eu queria que essa barra preta nos Widgets do meu fórum,somente isso,se alguém souber um código que faça o que estou desejando eu agradeço!!^^

Endereço do meu fórum:
http://hq-design.umforum.net

Versão do fórum:
PHPBB3

[LucaaS Sizanoski]

Adicione Em Sua CSS -

Código:

.module .inner .h3 {
background-image: url(IMAGEM PRETA);
font-family: Arial;
font-size: 16px;
text-shadow: 0px 0px 3px #10CEA8;
color: Black;
border-radius: 0px 0px 10px 10px;
text-align: center;
background-position-x: 236px;
background-position-y: -113px;
}

[Showman]

Não resultou nem um pouco,olhe lá como ficou.

[LucaaS Sizanoski]

Substitua O Código Passado A Cima Por Esse

Código:

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-image: url('URL_DA_IMAGEM');
}

[Showman]

Nada ainda :/

[LucaaS Sizanoski]

Tente Esse

Código:

.module{background:#eee;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 5px #ccc}.module span.corners-top{background:#333 url(http://i.imgur.com/AOkgY.png)repeat-x;height:29px}

[Showman]

Ta melhorando,mas os Widgets ficaram brancos e eu gostaria que cobrisse o titulo do widgets tbm.Obrigado.

[LucaaS Sizanoski]

Leia Esse Topico -

https://ajuda.forumeiros.com/t65957-colocar-fundo-no-titulo-dos-widgets-do-portal

[Showman]

Não resultou.

[LucaaS Sizanoski]

Tente Esse Codigo -

Código:

color: #6f6f6f;
    background-image: url('http://i.imgur.com/AOkgY.png');
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #666666;
    -moz-border-radius: 10px;
    }

[Showman]

Há algum erro relacionado ás { }

[LucaaS Sizanoski]

Tente Esse Errei Codigo , Desculpa ..

Código:

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

[Luciano98]

Olá!

Utilize esse código CSS:

Código:

.module{background-image:url(http://i.imgur.com/Gt83n.png);background-repeat:repeat-x}.module .h3{background-color:transparent;border:0px;padding-bottom:16px}

Até mais.

[Showman]

O código do Luciano resultou,obrigado.Mas lhe agradeço pelo seu esforço OnlyFast.