Perfil Horizontal [PHPBB3] |
Nova forma de Orgazinar os perfils e mensagens em teu fórum PHPBB3!
--> Tutoriais, dicas e astúcias <--
Perfil Horizontal [PHPBB3]
Perfil Horizontal [PHPBB3]
1º - CSS
- Código:
/*----------[PERFILEMU]------------*/
.postprofile {
background-color: #EAEAEA;
border: 1px solid #F5F3F3;
border-bottom: 1px solid #B4B4B4;
height: 95px;
margin-left: -10px;
margin-top: 19px;
padding: 5px;
position: absolute;
width: 966px;
}
.post {
background: #F0F0F0;
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;}
2º - Adaptar o código para seu Fórum
busca p.author e .postprofile e modifque o valor width: 968px
- Onde por o código??
Painel de controle Imagens e Cores Cores Folha de estilo Css
- Créditos?
Tu Vil Amigo™
- Resultado
© SH-Design & 15-Tronos
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Perfil Horizontal [PHPBB3] |