Deixar esta area como a imagem

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Hoje
Endereço do fórum : http://passarinhos.forumeiros.com/forum.htm

Descrição do problema

Como eu coloco esta area do Fórum para ficar desta forma do exemplo da imagem ???

Saudações!

Aceda à: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >>> Folha de estilo CSS

Adicione o seguinte código no início da tua CSS:

Código:

#left .module .h3, #left .module ul {
border-radius: 6px 5px 0 0!important;
}
#left .module .h3 {
background: url(http://2img.net/i/fa/fdf3/bg_cat.png) #FBFBFB;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
#left .module .inner {
padding-left: 9px;
padding-right: 9px;
}
#content-container div#left {
background: none repeat scroll 0 0!important;
/* border: 0 none!important; */
overflow: visible!important;
padding: 1px 1px 10px!important;
width: 240px!important;
}
#content-container div#left {
float: left;
margin-right: 12px;
overflow: hidden;
width: 190px;
}

Salve!

Até!

Resultou amigo ficou com algumas falhas nos cantos ou seja não esta perfeito como aqui , veja lá no Fórum

Adicione mais este código junto do anterior:

Código:

.module {
border: 0 none!important;
font-size: 100%!important;
margin: 0!important;
outline: 0 none!important;
overflow: visible!important;
padding: 0!important;
}

Resolve?

Quase ainda faltou o sublinado esta linha que torna o quadro de cada widget !!!

Hum...

Ainda faltou este:

Código:

#left .module {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png) repeat-x center bottom #E5F1F9;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
}

Desde já peço desculpa.

Perfeito ..........