Sobre contorno do perfil

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

Resolvido Sobre contorno do perfil

Mensagem por #BlacksheepMG em 04/08/12, 04:33 pm

Qual é minha questão:
Queria colocar meu perfil igual do forum: hobba.forumeiros.com, ou seja essas bordas.!

Endereço do meu fórum: http://awaydesign.forumais.com
Versão do meu fórum: PHPBB3
Links e imagens do meu problema:



Última edição por HokageKs7 em 04/08/12, 05:42 pm, editado 1 vez(es)
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Sobre contorno do perfil

Mensagem por BrunoH. em 04/08/12, 04:37 pm

Olá amigo, siga:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores : Folha de Estilo CSS
Cole este codigo em sua CSS:
Código:
/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url(http://i43.servimg.com/u/f43/16/73/94/18/untitl10.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}
Abraços 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: Sobre contorno do perfil

Mensagem por #BlacksheepMG em 04/08/12, 04:43 pm

Olá,
Bruno_., é isso que eu queria, porém ele passo para fora e queria colocar mais para dentro.
E queria tira o espaço vazio.!

avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Sobre contorno do perfil

Mensagem por BrunoH. em 04/08/12, 04:48 pm

Olá amigo,
substitua o código por este:
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%;
}

Veja se lhe agrada..

Abraços 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: Sobre contorno do perfil

Mensagem por #BlacksheepMG em 04/08/12, 04:51 pm

Olá,
desapareceu o perfil da mensagens.!
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Sobre contorno do perfil

Mensagem por BrunoH. em 04/08/12, 04:57 pm

Substitua o código por este:
Código:
.postprofile {
text-align: center;
}
.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%;
}

e Veja se resulta!

Abraços 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: Sobre contorno do perfil

Mensagem por #BlacksheepMG em 04/08/12, 04:59 pm

Olá,
continua o mesmo problema.!
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Sobre contorno do perfil

Mensagem por #BlacksheepMG em 04/08/12, 05:09 pm

Olá,
estou querendo o mesmo:

Código:
/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url(http://i43.servimg.com/u/f43/16/73/94/18/untitl10.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}

Ou seja o primeiro CSS que você me passo porém quero tirar o espaço em branco e mover um pouco mais para direita [ O perfil ].


avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

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