Colocar bordas nos widgets

Gostaria de uma linha que fexa-se os widgets em volta !!

versao e phpbb3

Olá,

Você quer uma borda nos widgets certo? Caso sim, aceda em:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> Folha de estilo CSS

Adicione o seguinte código:

.module {
border: 1px solid red !important;
}

->> Troque "red" pela cor desejada.
->> Troque "1px" pela tamanho da borda.

Até mais.

e possivel um codigo que fexe ate onde ta o titulo do widget ?

= este

Olá!

Experimente este código:

Código:

.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Atenciosamente!

Today escreveu:Olá!

Experimente este código:

Código:

.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Atenciosamente!

não funciono

under escreveu: e possivel um codigo que fexe ate onde ta o titulo do widget ?

= este

Poderia ser mais específico? O código que passei envolve todo o widget...

Até mais.

Cream escreveu:

under escreveu: e possivel um codigo que fexe ate onde ta o titulo do widget ?

= este

Poderia ser mais específico? O código que passei envolve todo o widget...

Até mais.

seu codigo fexo mas eu quero q alinha abaixo do texto fexe junto e o titulo do widget centralize

ss

Olá,

Aceda em:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> Folha de estilo CSS

Adicione o seguintes código:

.module div.inner div.h3 {
margin-left: 25px;
border: 1px solid red !important;
}

Provavelmente o código não resultará perfeitamente. Poderia passar o site onde vistes estes widgets da imagem? Até mais.

Olá!

Fiz umn código que irá resultar perfeitamente, utilize este código:

.module{
border:1px solid #000;
}
div.h3{
border:1px solid #000;
margin-top:-10px !important;
margin-right:-11px !important;
margin-left:-11px !important;
padding-top:20px;
padding-left:20px;
}

Os locais de vermelho é aonde será definido a cor da borda em hexadecimal. Veja aqui como fica os widgets: http://solkis.forumeiros.com/portal, porém o código que coloquei no widget de lá foi este:

Código:

.module{
border:1px solid #000;
background-color: #fff;
-moz-border-radius:10px 10px 0px 0px;
}
div.h3{
border:1px solid #000;
margin-top:-10px !important;
margin-right:-11px !important;
margin-left:-11px !important;
padding-top:20px;
padding-left:20px;
background-color: #f1f1f1;
}

Até mais!

Olá!

É só utilizar assim:

div.h3{
border:1px solid #000;
margin-top:-10px !important;
margin-right:-11px !important;
margin-left:-11px !important;
padding-top:20px;
padding-left:20px;
text-align: center;
}

As modificações devem ser feitas da mesma forma.

Até mais!

Bom coloquei ele mas deu uns bugs ali onde diz quem esta conectado olhe em seu forum e vc vera tbm

Olá!

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

Código:

.portal .module,#left .module,#right .module{border:1px solid #000}.portal div.h3,#left div.h3,#right div.h3{border:1px solid #000;margin-top:-10px!important;margin-right:-11px!important;margin-left:-11px!important;padding-top:20px;padding-left:20px}

Salve.

Até mais.

Luciano, utilizei o código do seender e funcionou, porém como eu uso o "painel de controle" ele também esta contornado, teria como tirar somente dele ou fazer com que o Painel de Usuário não aparece na coluna da direita?

Olá!

Código feito para o ZombieW, provavelmente não irá resolver o problema do under.

Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.module div.h3{
border:1px solid #000;
margin-top:-10px !important;
margin-right:-11px !important;
margin-left:-11px !important;
padding-top:20px;
padding-left:20px;
text-align: center;
}

Salve.

Até mais.

Obrigado, ficou como um separador, melhor ainda! =D

Olá!

Poderá somente confirmar se sua dúvida está resolvida?
Caso necessite de suporte adicional, por favor informe-nos!

Até mais.

A minha sim, mas como não fui o autor do tópico...