[Borda aredondada]

3 participantes

Ir para baixo

Tópico resolvido [Borda aredondada]

Mensagem por #Living Dead 01.04.12 23:18

Qual é minha questão:
Bom gostaria de colocar uma borda redonda separrando o perfil das mesagens.

print:
[Borda aredondada] Imagemqdl

Medidas que eu tomei para corrigir o problema:
Vem Aqui como sempre '-'

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img215/6159/imagemqdl.png

Endereço do meu fórum:
designer-zone.forumeiros.com

Versão do meu fórum:
PHPBB3
#Living Dead
#Living Dead
Novo Membro

Membro desde : 26/03/2012
Mensagens : 22
Pontos : 36

http://the-pixel-forum.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Borda aredondada]

Mensagem por MateusV. 01.04.12 23:21

Olá, aceda ao seu
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores
:seta2: Aba 'Folha de estilo CSS', cole o codigo e salve.

.postprofile {
margin-left: -230px !important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #FAFAFA;
background-image: url(https://2img.net/h/i873.photobucket.com/albums/ab292/andreedimarco/forum/grey.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #888;
border-radius: 20px;
box-shadow: 0 1px 2px #BDBDBD;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
}
.postprofile {
margin-left: -230px !important;
border-color: transparent;
border-right-style: solid #6B6B6B;
border-right-width: 2px;
color: #6B6B6B;
display: inline;
float: left;
min-height: 80px;
position: relative;
width: 28%;
height: auto !important;
-moz-border-radius:7px;
-moz-box-shadow:0 0 10px black;
-webkit-border-radius:7px;
-webkit-box-shadow:0 0 10px black;
border:1px solid black;
border-radius:7px;
box-shadow:0 0 10px black;
filter:progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135,strength=3);
padding:7px;
}

Cordialmente. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: [Borda aredondada]

Mensagem por Roevs 01.04.12 23:22

Adiciona este código em sua Folha de estilo CSS

Código:
.postprofile {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 2px #000000;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Borda aredondada]

Mensagem por #Living Dead 01.04.12 23:33

Bom a borda a redondada n ficou muito legal me passa so o codigo dee so uma linha separando.
#Living Dead
#Living Dead
Novo Membro

Membro desde : 26/03/2012
Mensagens : 22
Pontos : 36

http://the-pixel-forum.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Borda aredondada]

Mensagem por MateusV. 01.04.12 23:34

Olá, aqui esta um codigo
.postprofile {
border-right: 1px solid #C2C2C2;
}

Cordialmente. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: [Borda aredondada]

Mensagem por Roevs 01.04.12 23:35

Utiliza este código

Código:
.postprofile {
border-color: black;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Borda aredondada]

Mensagem por #Living Dead 01.04.12 23:39

Vlw,pode fechar.
#Living Dead
#Living Dead
Novo Membro

Membro desde : 26/03/2012
Mensagens : 22
Pontos : 36

http://the-pixel-forum.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo


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