Descrição

Este codigo simples ensina voce a editar completamente a aparencia dos widgets do seu forum.

Funcionalidade: PunBB, PhpBB2, PhpBB3 e Invision

--> Código CSS <--

Código:

/*---/ Personalizar Widget /---*/
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

--> Edição Opcional <--
Voce pode fazer algumas edições básicas no código
Para alterar a cor da Borda procure por esta parte no código border: 1px solid #C3E0F1;

1px = Numero de Pixels que terá a borda (Quanto maior mais espeço)
#C3E0F1 = Cor da borda (Em números exadecimais)

Para alterar o Gradiente procure por esta parte no código url(https://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);

https://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png = Link da Imagem em dorma de gradiente
(Esta é a Imagem de fundo, Recomendo que altere apenas a Cor dela)

--> Resultado Final<--

Clique na imagem para visualizar ▲

Para visualizar o conteudo, Deixe um comentário!
( Não Use Flood )

Tomara que seja oque eu estou proucurando =D

thanks