Colocar bordas nos widgets

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar bordas nos widgets

Mensagem por under em 15/09/11, 11:09 am

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

versao e phpbb3
avatar

under
Usuário avançado

Masculino
Inscrito dia : 01/06/2010
Mensagens : 407
Pontos Ativos : 714

Ver perfil do usuário http://noix.forumclan.com/

Resolvido Re: Colocar bordas nos widgets

Mensagem por Cream em 15/09/11, 12:03 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar bordas nos widgets

Mensagem por under em 15/09/11, 12:34 pm

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

= este

avatar

under
Usuário avançado

Masculino
Inscrito dia : 01/06/2010
Mensagens : 407
Pontos Ativos : 714

Ver perfil do usuário http://noix.forumclan.com/

Resolvido Re: Colocar bordas nos widgets

Mensagem por Consolado em 15/09/11, 12:39 pm

Olá!

Experimente este código:
Código:
.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Atenciosamente!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Colocar bordas nos widgets

Mensagem por under em 15/09/11, 12:41 pm

Today escreveu:Olá!

Experimente este código:
Código:
.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Atenciosamente!

não funciono
avatar

under
Usuário avançado

Masculino
Inscrito dia : 01/06/2010
Mensagens : 407
Pontos Ativos : 714

Ver perfil do usuário http://noix.forumclan.com/

Resolvido Re: Colocar bordas nos widgets

Mensagem por Cream em 15/09/11, 12:45 pm

@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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar bordas nos widgets

Mensagem por under em 15/09/11, 12:52 pm

@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

avatar

under
Usuário avançado

Masculino
Inscrito dia : 01/06/2010
Mensagens : 407
Pontos Ativos : 714

Ver perfil do usuário http://noix.forumclan.com/

Resolvido Re: Colocar bordas nos widgets

Mensagem por Cream em 15/09/11, 01:00 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar bordas nos widgets

Mensagem por seender em 15/09/11, 01:04 pm

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Colocar bordas nos widgets

Mensagem por seender em 15/09/11, 01:13 pm

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Colocar bordas nos widgets

Mensagem por under em 15/09/11, 01:24 pm

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

under
Usuário avançado

Masculino
Inscrito dia : 01/06/2010
Mensagens : 407
Pontos Ativos : 714

Ver perfil do usuário http://noix.forumclan.com/

Resolvido Re: Colocar bordas nos widgets

Mensagem por Luciano98 em 15/09/11, 01:46 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar bordas nos widgets

Mensagem por ZombieW em 17/09/11, 07:15 am

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?

avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Colocar bordas nos widgets

Mensagem por Luciano98 em 17/09/11, 01:12 pm

Olá!

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

Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar bordas nos widgets

Mensagem por ZombieW em 17/09/11, 11:01 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Colocar bordas nos widgets

Mensagem por Luciano98 em 18/09/11, 04:51 pm

Olá!

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

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar bordas nos widgets

Mensagem por ZombieW em 18/09/11, 05:41 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum