Colocar "bordas" em volta de widgets e afins

2 participantes

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

Tópico resolvido Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse 04.08.12 6:25

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 20:01, editado 1 vez(es)
Etón Clesse

Etón Clesse
Novo Membro

Membro desde : 01/08/2012
Mensagens : 15
Pontos : 25

http://bansheerpg.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por BrunoH. 04.08.12 11:53

Olá Amigo,

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

Abraços Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse 04.08.12 17:12

Oook bruno consegui... porem gostaria de saber como colocar uma borda aqui tambem...
https://2img.net/h/oi48.tinypic.com/8z2r68.png
ali onde esta com umas linhas vermelhas que e onde eu quero que fique a borda...
Etón Clesse

Etón Clesse
Novo Membro

Membro desde : 01/08/2012
Mensagens : 15
Pontos : 25

http://bansheerpg.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por BrunoH. 04.08.12 18:19

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse 04.08.12 18:46

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


Última edição por Etón Clesse em 04.08.12 18:53, editado 1 vez(es) (Motivo da edição : Consegui resolver 1 dos erros.)
Etón Clesse

Etón Clesse
Novo Membro

Membro desde : 01/08/2012
Mensagens : 15
Pontos : 25

http://bansheerpg.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por BrunoH. 04.08.12 19:58

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(https://i.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
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "bordas" em volta de widgets e afins

Mensagem por Etón Clesse 04.08.12 20:01

+ Reputação pra vc xD.
Podem fechar o topico.
Etón Clesse

Etón Clesse
Novo Membro

Membro desde : 01/08/2012
Mensagens : 15
Pontos : 25

http://bansheerpg.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos