Adicionar borda sobre perfil nas mensagens

+5
Leexa
MateusV.
BrunoH.
Hyouki
DouG
9 participantes

Ir para baixo

Tópico resolvido Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 12.09.12 21:44

Qual é minha questão:
Quero adicionar essa borda como mostra na imagem abaixo.
Ajudem-me

Links e imagens do meu problema:
Http://www.upamais.com/images/80412881205863797473.jpg

Endereço do meu fórum:
http://dougdesign.forumeiro.com

Versão do meu fórum:
PHPBB2


Última edição por DouG em 25.09.12 13:07, editado 1 vez(es)
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Hyouki 12.09.12 21:46

Olá amigo , adicione esse código na sua css .
Código:
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
Hyouki
Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 12.09.12 21:53

Nada feito =/
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por BrunoH. 12.09.12 22:00

Olá!
Poderia me informar qual fórum o senhor viu este efeito?

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 12.09.12 22:09

Este efeito exemplo que criei =D
mas ja vi em muitos foruns.

imagem só de expl
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por MateusV. 12.09.12 22:12

Olá!

Substitua o código passado anteriormente por este:
.forumline .row1 p[align="center"] {
border: 3px solid #DDD;
padding: 3px;
border-radius: 5px;
}

Abraços. 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: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 13.09.12 14:18

Deu certo manu só que fikou bugado, em um usuario pegou e em outro nao,
e queria que fosse só na area dos itens do perfil e nao no avatar tendeu.

vlw
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por BrunoH. 13.09.12 14:24

Olá!
Tente assim:
Código:
.postprofile {
border: 3px solid #DDD;
padding: 3px;
border-radius: 5px;
}

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa 13.09.12 14:55

Bom dia!

Substitua os códigos por este:

Código:
.forumline .row1 .row2 .row3 p[align="center"] {
border: 3px solid #DDD;
padding: 3px;
border-radius: 5px;
}

Passar bem! Piscada
Leexa
Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 13.09.12 20:25

Nada nem um dos 1 codigos funfaram afffz
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por JonasB. 13.09.12 20:32

Olá,

Por favor coloque em teu CSS:
Código:
.post-profile {
-moz-box-shadow: 0 0 8px #b1b1b6;
-webkit-box-shadow: 0 0 8px #b1b1b6;
background-image: url(http://d10.e-loader.net/DPB28r4sxL.jpg);
border-bottom-color: #BEBEC1;
border-bottom-style: solid;
border-bottom-width: 2px;
box-shadow: 0 0 8px #b1b1b6;
margin-top: 20px;
padding: 47px 8px 8px;
}
Salve.
Resulta?

Até mais Piscada
Ajudei? Agradeça.
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 13.09.12 21:54

NADAAAAAAAAA haAAFFFF
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por BrunoH. 13.09.12 21:57

Olá amigo,
Tente este:
Código:
.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%;
}

Até mais. Piscada
BrunoH.
BrunoH.
Membro Entusiasta

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 14.09.12 2:51

NADA MANU =I
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa 14.09.12 2:55

Boa noite!

Substitua os códigos fornecidos neste tópico, por este:

Código:
.forumline .row2,.row1 p[align="center"] {
border: 3px solid #DDD;
padding: 3px;
border-radius: 5px;
}

Ou

Código:
.forumline .row1,.row2 p[align="center"] {
border: 3px solid #DDD;
padding: 3px;
border-radius: 5px;
}


Passar bem! Piscada
Leexa
Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 14.09.12 3:12

nao deu o 1º ate pegou mas pós borda em todo canto em todas as categorias =/
axo q nao tem como. falta 0,01 % pra eu desistir disso =/
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa 14.09.12 3:33

DouG escreveu:nao deu o 1º ate pegou mas pós borda em todo canto em todas as categorias =/
axo q nao tem como. falta 0,01 % pra eu desistir disso =/

Boa noite!

Fique calmo, tentarei ajuda-lo. Se possível, nos demonstre uma imagem de como ficou no primeiro e no segundo membro, com uma simples Print Screen.


Passar bem! Piscada
Leexa
Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Michell 14.09.12 5:50

Aqui funcionou perfeitamente todas ¬¬
Michell
Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 14.09.12 5:53

Phpbb2?
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Michell 14.09.12 6:02

Phpbb3
Michell
Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 14.09.12 15:24

entao... ¬¬
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa 14.09.12 16:29

Boa tarde!

Substitua o código atual por este querido:

Código:
.forumline .post,.row2,.row1 p[align="center"] {
border: 3px solid #DDD;
padding: 3px;
border-radius: 5px;
}

No caso de não funcionar, me mande uma print screen do resultado. Pois testei em meu fórum de testes e está à pegar perfeitamente bem!


Passar bem! Piscada
Leexa
Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 14.09.12 18:37

não deu..
keria algo com essa imagem, mas ja q nao é possivel
td bem

http://www.upamais.com/images/80412881205863797473.jpg
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa 14.09.12 19:05

Boa tarde!

Se o senhor conseguir o link do fórum em que viu está opção, poderá ajudar muito à construirmos o código. Mas todo o caso, seu CSS deve conter códigos que estão interrompendo o funcionamento do CSS que lhe passei, que por fim, está funcionando correctamente em meu fórum de teste.


Passar bem! Piscada
Leexa
Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Kori 16.09.12 23:33

Olá, acho que ja sei o que procuras:

Coloque em seu CSS:
Código:
body * {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}

Cordialmente, Piscada
Kori
Kori
**

Membro desde : 28/12/2011
Mensagens : 93
Pontos : 110

http://residentevilrpg.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 19.09.12 16:57

afffz NADA FEITO
DESISSSSSSTOOOOOOOOOOOO
se ninguem sabe ok entao
DESISSSSSTOOOOOO
vlw a compreenção de todos..

fexem essa #$@#$
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Luciano98 22.09.12 21:37

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:
.post td[valign="top"][width="150"] p[align="center"]:last-child{border:2px solid #D8D8D8;border-radius:6px}

Valide.

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG 25.09.12 13:07

ALELUIAAAA GRACIAS LUCIANO98
SHOW MANU iSSO MEsMo que quERIa..

BRIGADO.. pode fexar
DouG
DouG
***

Membro desde : 15/07/2010
Mensagens : 110
Pontos : 153

http://photoarts.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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