Perfil personalizado com defeito

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

Resolvido Perfil personalizado com defeito

Mensagem por Karol Marinho em 19/02/13, 09:36 pm

Qual é minha questão:
Qual é minha questão:
Adicionei o excelente tutorial postado aqui sobre o perfil horizontal. Mas houve um erro. O perfil de RPG fica acima da mensagem.
A questão é: Teria um modo de trazer para a esquerda a parte "Mensagens, Idade etc" Mais para a esquerda e colocar o restante ao lado?




Forum aleatório onde pode ver o problema:  http://portalhf.forumeiros.com/t231-abreviaturas-siglas-e-simbolos 


CODES DE PERFIL ATIVOS NO CSS:

ESTE É O CODE PARA DEIXAR O PERFIL DE LADO
Código:
 /*----------[PERFILEMU]------------*/
    .postprofile {
    border: 1px solid #F5F3F3;
    border-bottom: 1px solid #B4B4B4;
    height: 99px;
    margin-left: -10px;
    margin-top: 19px;
    padding: 5px;
    position: absolute;
    width: 1000px;
    }
    .post {
    border: 1px solid #D0D2D3;
    }
    .post span.corners-top {
    display: none;
    }
    .postbody {
    width: 102%;
    margin-top: 130px;
    margin-right: -10px;
    }
    .postbody ul.profile-icons {
    margin: 2px 2px;
    }
    .postbody .topic-title {
    border-bottom: 1px solid #A8A8A8;
    display: block;
    padding: 5px 0 0 5px;
    }
    p.author {
    background: #1F2F35 url(http://i.imgur.com/xkjbF.gif) repeat-x 0 -5px;
    color: #D5EAC2;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: -165px!important;
    padding: 5px;
    position: absolute;
    width: 968px;
    }
    .postbody .content {
    margin: 10px;
    min-height: 100px;
    }
    .postbody .topic-title a {
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    }




    .postprofile dd + dd + dd {
    float: right;
    margin-right: 10px;
    margin-top: -15px;
    }
    .postprofile dt strong a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-left: 120px;
    position: absolute!important;
    top: 5px;
    }




    .postprofile dd + dd + dd + dd + dd {
    right: 0px;
    display: block;
    position: absolute!important;
    bottom: 5px;
    margin-right: 10px;}




    .postprofile dl dt a img {
    border: 1px solid #474747;
    box-shadow: 0 0 4px black;
    height: 90px;
    width: 90px;
    }
    .postprofile dl dd {
    float: left;
    padding-left: 20px;
    padding-top: 15px;
    }
    .postprofile dl dt {
    float: left;
    }
    .postbody .topic-title a {
    position: relative;
    top: -5px;
    }
    .postprofile dt img {
    max-width: 90px;
    max-height: 90px;
    }
    .panel .postprofile {
    margin-top: 3px;
    }
    .postprofile dt img, .postprofile dd img {
    max-width: 90px;
    max-height: 90px;
    float: left;
    }
    .postprofile dt a {
    float: right;
    }
    .panel {
    margin-top: 15px;
    background: #F0F0F0;
    border: 1px solid #D0D2D3;}


ESTE É O CODE DE PERSONALIZAR FONTE, FUNDO ETC...
Código:
.post {
background: #030303;
background-repeat: repeat;
background-position: center;
  border-bottom: 8px solid #628B9B;
  padding:10px 10px 10px 10px;
  color:#797a79;
}
.postprofile dd {
text-align: left;
}
.postprofile dd, .postprofile dt {
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
dl.codebox {
  background-color:#628B9B;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}




.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
  height:400px;
}
.postprofile {
background-image: url('http://i48.tinypic.com/2aikcns.jpg');
  border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 205px;
box-shadow:0px 2px 5px #000000;
}
p.author { 
  background-image: url('http://i48.tinypic.com/2aikcns.jpg');
position: relative;
right: -7em;
color:#e3e3e3;
background-color:#000000;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-transform: lowercase;
  box-shadow: 0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile, .postprofile dt.author a {
color: #d4d4d4;   
font-family: amatic sc;
font-size: 20px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover {   
    margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}


Endereço do meu fórum:
http://portalhf.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Karol Marinho em 25/02/13, 05:20 pm, editado 1 vez(es)
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por Mafioso em 19/02/13, 10:06 pm

Tem como passar PRINT?
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Perfil personalizado com defeito

Mensagem por Karol Marinho em 20/02/13, 01:25 pm

Não era mais fácil ter acessado o link para ver o erro? .-.


http://i76.servimg.com/u/f76/15/53/26/66/captur13.jpg
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por MateusV. em 20/02/13, 01:30 pm

Olá,

Adicione este código em seu CSS:
Código:
body .post .postprofile dd + dd + dd{max-height: 88px;
overflow: auto;
margin-top: 0px;}

Abraços.
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: Perfil personalizado com defeito

Mensagem por Karol Marinho em 20/02/13, 02:57 pm

Não resulta... :/
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por Karol Marinho em 23/02/13, 01:36 pm

esperaaaando wul wull up...
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por MateusV. em 23/02/13, 02:05 pm

Onde você deseja colocar o perfil personalizado?
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: Perfil personalizado com defeito

Mensagem por Karol Marinho em 24/02/13, 01:40 pm

O Perfil já está no lugar certo, como na imagem... O problema é que ele está invadindo o post...
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por Karol Marinho em 24/02/13, 02:49 pm

Pessoal, fui editando mais ou menos e consegui um resultado razoável. Mas houve um problema. Agora os botões de MP, MSN, Perfil e etc estão em cima de parte do perfil... como conserto?
Forum para visualizar provlema: http://portalhf.forumeiros.com/t231-abreviaturas-siglas-e-simbolos
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por seender em 25/02/13, 01:26 am

Olá!

E gostaria de coloca-los aonde?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Perfil personalizado com defeito

Mensagem por Karol Marinho em 25/02/13, 04:09 pm

só colocá-los mais para baixo, ou em outro lugar que não atrapalhe a visualização dos dados do perfil... :/
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Perfil personalizado com defeito

Mensagem por MateusV. em 25/02/13, 04:11 pm

Adicione em seu CSS:
.profile-icon {
margin-right: 200px;
}


Abraços.
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: Perfil personalizado com defeito

Mensagem por Karol Marinho em 25/02/13, 05:20 pm

Funcionou... obrigado ^^
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

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