Trocar a barra de categoria do forum

• Descrição:

queria saber se da pra trocar a barra de categoria do forum ?

Se sim, poderia ser a do por essa barra com uma imagem de minecraft?

• Informações:

Fórum:	[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]	Versão:	PUNBB
Tipo:	Pedido de código	Tags:	Trocar,barra,categoria

Olá,

Dá sim, mais precisamos saber seu pedido

Até.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá, apesar de que você não é tão novato aqui, eu abri uma exceção e editei o título do seu tópico e acrescentei mais informações!

JS

obrigado, é porque eu não crio muitos topicos e tambem sou novato aqui.

queria trocar essas barras que botei uma seta
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Ok. Vá até seu painel de controle, vá até a aba Visualização no menu direito, procure por Imagens e Cores, acesse a opção Cores e clique sobre a aba Folha de estilo CSS (http://prntscr.com/69wmhz)

Após isso, procure procure por .main .main-foot, .main .main-head se não achar, procure por .main .main-head e troque todo esse código:

Código:

.main .main-foot, .main .main-head, .title-overview {
-moz-border-radius: 3px;
-moz-box-shadow: inset #778594 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset #778594 0 1px 3px;
background: #a9b4c0 url(http://i55.servimg.com/u/f55/18/71/50/00/noise12.png) repeat;
border-radius: 3px;
box-shadow: inset #778594 0 1px 3px;
color: #fff;
font-size: 12px;
margin-bottom: 2px;
overflow: hidden;
padding: 12px;
text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
}

Por esse:

Código:

.main .main-foot, .main .main-head, .title-overview {
-moz-border-radius: 3px;
-moz-box-shadow: inset #778594 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset #778594 0 1px 3px;
background: #a9b4c0 url(http://www.gamefm.com.br/wp-content/uploads/2013/03/mine.jpg) repeat;
background-position: 0px 100px;
border-radius: 3px;
box-shadow: inset #778594 0 1px 3px;
color: #fff;
font-size: 12px;
margin-bottom: 2px;
overflow: hidden;
padding: 12px;
text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
}

Logo depois, procure por [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e troque todo o código (somente do [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]) por esse:

Código:


#pun-head {
-moz-box-shadow: #fff 0 1px 0;
-webkit-box-shadow: #fff 0 1px 0;
background: #a9afb6 url(http://www.gamefm.com.br/wp-content/uploads/2013/03/mine.jpg) repeat;
background-position: 0 600px;
border-bottom: 1px solid #95999c;
border-top: 1px solid #cbcdd1;
box-shadow: #fff 0 1px 0;
margin-bottom: 10px;
}

Espero que entenda e consiga. Até mais!