Como modificar esta area?

Qual é minha questão:
Bom, vou ser muito direto, como eu deixo essa parte:



Assim:



Onde vi: www.divineartz.forumeiros.com

Endereço do meu fórum:
http://familiahotz.forumeiros.com

Versão do fórum:
PUNBB

@UP

:@UP

Olá,

Poderia retirar o seu fórum de manutenção ?

Até

Tirei

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

.pun-crumbs p {
margin-top: 3px;
background: #222 url('http://i10.servimg.com/u/f10/16/47/91/52/second10.png') repeat-x 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.35);
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
}

Até

Até funcionou, mas não ficou como eu desejava, tipo, ele ficou muito afastado das outras coisas, e a cor poderia ser azul?

Veja como ficou:

https://2img.net/r/ihimizer/img836/1852/tantofaz.png

Ficou separado nas outras áreas também, tipo no Widget, viu?

E como eu faço pra por tipo uma corzinha branca ou gradient atras da imagem do perfil e do rank... Sei la... Poderia me ajudar nisso tb?

Olá,

Substitua o código por este

Código:

.pun-crumbs p {
background: #222 url('http://i10.servimg.com/u/f10/16/47/91/52/second10.png') repeat-x 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.35);
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
}

Crie um tópico para cada dúvida

Até

Ok, mas o fundo pode ser azul?

Da cor das minhas categorias? Só isso, fico muito grato Quakeline!

Olá,

Adiciona substitua o código por este

Código:

.pun-crumbs p {
background: url('http://img841.imageshack.us/img841/4409/amgff.png') repeat-x 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.35);
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
}

Até

Resultou, obrigado Quakeline !