Personalizar categoria

Detalhes da questão

Endereço do fórum: http://fastwhells.forumeiros.com/forum
Versão do fórum: PunBB

Descrição

De acordo com o link do forum que eu vou passar, eu quero a imagem da minha categoria igual a do link, sera q tem como vcs pegarem a imagem vermelha transparente, neste forum:

http://forum.tssabrasil.com.br

Olá,
poderia tirar seu fórum da manutenção para mim fazer algumas modificações?

Até mais.

Pronto, ja tirei, agr min ajuda?

Olá,
adiciona esse código no topo da sua folha de CSS.

Código:

.pun{
background:transparent!important;
}
.main .main-head{
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/trans60.png") repeat!important;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)))!important;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: linear-gradient(to bottom, rgba(181, 46, 46, 0.6) 0%,rgba(181, 46, 46, 0.7) 100%)!important;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px!important;
color: #fff!important;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px!important;
padding: 13px!important;
font-size: 14px!important;
font-weight: 300!important;
moz-border-radius: 4px 4px 0 0!important;
webkit-border-top-left-radius: 4px!important;
webkit-border-top-right-radius: 4px!important;
border-radius: 4px 4px 0 0!important;
overflow: hidden!important;
}

Resulta?

Até mais.

Não consegui, sera que não tem como vc pegar a imagem so nao ? Seria mais rapido, por favor?

Amigo, não tem como não ter conseguido.

Ponha o código no Inicio da sua folha de estilo css.

Me refiro a esse código:

Código:

.main .main-head{
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/trans60.png") repeat!important;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)))!important;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: linear-gradient(to bottom, rgba(181, 46, 46, 0.6) 0%,rgba(181, 46, 46, 0.7) 100%)!important;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px!important;
color: #fff!important;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px!important;
padding: 13px!important;
font-size: 14px!important;
font-weight: 300!important;
moz-border-radius: 4px 4px 0 0!important;
webkit-border-top-left-radius: 4px!important;
webkit-border-top-right-radius: 4px!important;
border-radius: 4px 4px 0 0!important;
overflow: hidden!important;
}

Não é uma imagem em si... e sim uma imagem, e diversos efeitos sobre ela pra chegar a esse resultado;

Até mais.

Consegui, pode fechar e marcar como resolvido, vlw.