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://i877.photobucket.com/albums/ab335/LuiRopez/patt.png');
  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

Tem como passar PRINT?

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


https://i.servimg.com/u/f76/15/53/26/66/captur13.jpg

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.

Não resulta... :/

esperaaaando wul wull up...

Onde você deseja colocar o perfil personalizado?

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

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

Olá!

E gostaria de coloca-los aonde?

Até mais!

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

Adicione em seu CSS:

.profile-icon {
margin-right: 200px;
}

Abraços.

Funcionou... obrigado ^^