Adicionar borda sobre perfil nas mensagens

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

Resolvido Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 12/09/12, 05:44 pm

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, 09:07 am, editado 1 vez(es)
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Hyouki em 12/09/12, 05:46 pm

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

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 12/09/12, 05:53 pm

Nada feito =/
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por BrunoH. em 12/09/12, 06:00 pm

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

Até mais.
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: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 12/09/12, 06:09 pm

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

imagem só de expl
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por MateusV. em 12/09/12, 06:12 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 13/09/12, 10:18 am

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
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por BrunoH. em 13/09/12, 10:24 am

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

Até mais.
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: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa em 13/09/12, 10:55 am

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 13/09/12, 04:25 pm

Nada nem um dos 1 codigos funfaram afffz
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por JonasB. em 13/09/12, 04:32 pm

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

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

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

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 13/09/12, 05:54 pm

NADAAAAAAAAA haAAFFFF
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por BrunoH. em 13/09/12, 05:57 pm

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
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: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 13/09/12, 10:51 pm

NADA MANU =I
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa em 13/09/12, 10:55 pm

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 13/09/12, 11:12 pm

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 =/
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa em 13/09/12, 11:33 pm

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

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Michell em 14/09/12, 01:50 am

Aqui funcionou perfeitamente todas ¬¬
avatar

Michell
Nível 6

Masculino
Inscrito dia : 08/09/2011
Mensagens : 78
Pontos Ativos : 130

Ver perfil do usuário http://pitbulls.forumbrasil.net

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 14/09/12, 01:53 am

Phpbb2?
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Michell em 14/09/12, 02:02 am

Phpbb3
avatar

Michell
Nível 6

Masculino
Inscrito dia : 08/09/2011
Mensagens : 78
Pontos Ativos : 130

Ver perfil do usuário http://pitbulls.forumbrasil.net

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 14/09/12, 11:24 am

entao... ¬¬
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa em 14/09/12, 12:29 pm

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 14/09/12, 02:37 pm

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

http://www.upamais.com/images/80412881205863797473.jpg
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Leexa em 14/09/12, 03:05 pm

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Kori em 16/09/12, 07:33 pm

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
avatar

Kori
Nível 7

Masculino
Inscrito dia : 28/12/2011
Mensagens : 93
Pontos Ativos : 110

Ver perfil do usuário http://residentevilrpg.livreforum.com/forum

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 19/09/12, 12:57 pm

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

fexem essa #$@#$
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

Resolvido Re: Adicionar borda sobre perfil nas mensagens

Mensagem por Luciano98 em 22/09/12, 05:37 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:
.post td[valign="top"][width="150"] p[align="center"]:last-child{border:2px solid #D8D8D8;border-radius:6px}

Valide.

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: Adicionar borda sobre perfil nas mensagens

Mensagem por DouG em 25/09/12, 09:07 am

ALELUIAAAA GRACIAS LUCIANO98
SHOW MANU iSSO MEsMo que quERIa..

BRIGADO.. pode fexar
avatar

DouG
Nível 8

Masculino
Inscrito dia : 15/07/2010
Mensagens : 110
Pontos Ativos : 153

Ver perfil do usuário http://photoarts.forumeiro.com/portal.htm

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