Colocar "bordas" em volta de widgets e afins

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

Resolvido Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse em 04/08/12, 02:25 am

Qual é minha questão:
O plano de fundo do meu forum e da cor preta, e eu tenho a leve impressão que a borda dos widget´s, layout dividindo perfil de postagens, tambem são da mesmas cores.
Gostaria de saber como fazer para mudar a cor dessa borda, e caso eu não ter essas bordas como coloca-las.

Links e imagens do meu problema:
Se for preciso me avisem.

Endereço do meu fórum:
http://bansheerpg.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por Etón Clesse em 04/08/12, 04:01 pm, editado 1 vez(es)
avatar

Etón Clesse
Nível 3

Masculino
Inscrito dia : 01/08/2012
Mensagens : 15
Pontos Ativos : 25

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

Resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por BrunoH. em 04/08/12, 07:53 am

Olá Amigo,

Lê-a este tópico: http://ajuda.forumeiros.com/t64259-bordas-no-portal

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse em 04/08/12, 01:12 pm

Oook bruno consegui... porem gostaria de saber como colocar uma borda aqui tambem...
http://i48.tinypic.com/8z2r68.png
ali onde esta com umas linhas vermelhas que e onde eu quero que fique a borda...
avatar

Etón Clesse
Nível 3

Masculino
Inscrito dia : 01/08/2012
Mensagens : 15
Pontos Ativos : 25

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

Resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por BrunoH. em 04/08/12, 02:19 pm

Olá, Coloque este codigo em sua folha CSS:
Código:
/**** Efeito Perfil *****/
.postprofile {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #FAFAFA;
background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
text-align: center;
text-weight: bold;
}
.postprofile {
border-color: #CFCFCF;
border-right-style: solid;
border-right-width: 1px;color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse em 04/08/12, 02:46 pm

Consegui, porem tem como deixar essa borda um pouco mas arredondada?.


Última edição por Etón Clesse em 04/08/12, 02:53 pm, editado 1 vez(es) (Razão : Consegui resolver 1 dos erros.)
avatar

Etón Clesse
Nível 3

Masculino
Inscrito dia : 01/08/2012
Mensagens : 15
Pontos Ativos : 25

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

Resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por BrunoH. em 04/08/12, 03:58 pm

Olá,
Tem sim senhor,
Olhe oque basta modificar:
/**** Efeito Perfil *****/
.postprofile {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #FAFAFA;
background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
text-align: center;
text-weight: bold;
}
.postprofile {
border-color: #CFCFCF;
border-right-style: solid;
border-right-width: 1px;color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
Pode ver que o numero 3 está em vermelho, você ira autera-lo de acordo com seu desejo, Ex: Está 3, para deixar mais redondo você ira colocar de 4 em diante. Entende senhor?

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse em 04/08/12, 04:01 pm

+ Reputação pra vc xD.
Podem fechar o topico.
avatar

Etón Clesse
Nível 3

Masculino
Inscrito dia : 01/08/2012
Mensagens : 15
Pontos Ativos : 25

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

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