Como colocar essa borda ao redor do perfil

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

Resolvido Como colocar essa borda ao redor do perfil

Mensagem por uToby em 29/08/12, 04:26 pm

Qual é minha questão:
Bom eh que meu forum ele nao tem borda no perfil e isso fica meio embaraçoso pois fica meio cafona se eh que vocês me entendem gostaria que meu forum fica-se com a barra de perfil da seguinte forma ou parecido.

Links e imagens do meu problema:
Ele está assim

Quero pra ficar assim (AS BORDAS)



Endereço do meu fórum:
http://www.project-brasil.forumfacil.net

Versão do meu fórum:
PUNBB


Última edição por uToby em 29/08/12, 08:37 pm, editado 1 vez(es)
avatar

uToby
Nível 6

Masculino
Inscrito dia : 17/08/2012
Mensagens : 78
Pontos Ativos : 128

Ver perfil do usuário http://www.project-brasil.forumfacil.net

Resolvido Re: Como colocar essa borda ao redor do perfil

Mensagem por JonasB. em 29/08/12, 04:33 pm

Olá!

Adicione ao seu CSS:
Código:
.profile {border: 1px #000000;}

Até mais Piscada
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: Como colocar essa borda ao redor do perfil

Mensagem por uToby em 29/08/12, 04:46 pm

Irei testar

@Edit Não surtiu efeito continuo na mesma meu fórumeh punbb acho que isso que é o problema.

Esperando novas soluções Bravo
avatar

uToby
Nível 6

Masculino
Inscrito dia : 17/08/2012
Mensagens : 78
Pontos Ativos : 128

Ver perfil do usuário http://www.project-brasil.forumfacil.net

Resolvido Re: Como colocar essa borda ao redor do perfil

Mensagem por MateusV. em 29/08/12, 06:34 pm

Olá!

Poderia me fornecer o link do fórum que viu tal efeito?

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: Como colocar essa borda ao redor do perfil

Mensagem por uToby em 29/08/12, 07:23 pm

avatar

uToby
Nível 6

Masculino
Inscrito dia : 17/08/2012
Mensagens : 78
Pontos Ativos : 128

Ver perfil do usuário http://www.project-brasil.forumfacil.net

Resolvido Re: Como colocar essa borda ao redor do perfil

Mensagem por MateusV. em 29/08/12, 07:55 pm

Olá!

Substitua o código por este:
Código:
.pun .user-ident .user-basic-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}
.pun .user .user-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
.user-contact {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
margin: 5px auto;
padding: 10px;
}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .user-ident .username {
color: #006B6B;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
text-align: center;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 15em;
}

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: Como colocar essa borda ao redor do perfil

Mensagem por uToby em 29/08/12, 08:37 pm

Obrigado Feliz
avatar

uToby
Nível 6

Masculino
Inscrito dia : 17/08/2012
Mensagens : 78
Pontos Ativos : 128

Ver perfil do usuário http://www.project-brasil.forumfacil.net

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