Moldura nos widgets

Qual é sua questão:
Bem queria colocar tipo uma moldura nos widigets como na imagens,
so q queria q tivesse tabmém um traçado lateral e inferior.
Não quero que fique so em cima, se é q me entendem.

se caso a imagem naum abrir aew esta o link: http://img228.imageshack.us/img228/3238/widgetsz.png

Que medidas você tomou para corrigir o problema:


Apresente-nos imagens do problema (se necessário):

Olá !

Tente colocar este na página CSS.

Código:

.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border: 1px solid black;
border-bottom: 0px;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

Veja se isto resolve !

Abraços,
Ravenger.

tem como vc me ajudar a editar, não sei mecher muito bem nesse codigos.
aew queria deixar meio aredondado na cor laranja.
e com borda lateral e inferior.

Olá!

Não há classes para que os widgets da versão phpBB3 fiquem como os dessa versão, lamento.

Até mais.

bem vi nesse forum aew e se o o dono não mudou ainda é phpBB3.
Forum: Forum

Olá de novo!

Eu sei bem desse fórum, eu ajudei numa questão dos widgets. Você deseja seus widgets como o desse fórum?

Até mais.

sim, pode ser.
mas quero na cor laranja.

a borda consegui colocar, como podem
ver na imagem:

Agora queria colocar essa placa e deixar o nome do widgets centralizado,
como na imagem:



caso as imagens não abrão aew estão os links:

1ª imagem: http://img852.imageshack.us/img852/9993/widgets.png

2ª imagem: http://img145.imageshack.us/img145/9993/widgets.png

Olá Neg0,

Experimente o seguinte código:

Código:

.module {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 5px black;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 5px black;
background-color: #F7F7F7;
background-image: url(http://i22.servimg.com/u/f22/16/02/78/48/bg10.png);
background-position: top;
background-repeat: repeat-x;
background-z-index: 999;
border: 2px solid COR DE FUNDO;
margin-top: 2px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;
border-bottom-right-radius: 2px 2px;
border-bottom-left-radius: 2px 2px;
}

Até mais.

coloquei mas ficou com um pequeno defeito,


Tem como ajeitar!?

Olá!

Tente com este código:

Código:

.module {
border: 0px;
}

Resolve?

Melhores cumprimentos,
seender

mas eu quero deixar a borda,
tem como deixar essa parte de cima quadrada!?
pq ta meio q arredondado nas pontas.

Olá!

Então faça assim:

Código:

.module {
-moz-box-shadow: 0 2px 5px black;
-webkit-box-shadow: 0 2px 5px black;
background-color: #F7F7F7;
background-image: url(http://i22.servimg.com/u/f22/16/02/78/48/bg10.png);
background-position: top;
background-repeat: repeat-x;
background-z-index: 999;
border: 2px solid COR DE FUNDO;
margin-top: 2px;
}

Resolve?

Melhores cumprimentos,
seender

eu ja tinha encontrado um codigo aqui mesmo no FDF, que resolveu o problema.