Como colocar a barra de perfil das mensagens desse jeito: Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como colocar a barra de perfil das mensagens desse jeito:

2 participantes

Ir para baixo

Tópico resolvido Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por Cold_100 25.01.12 16:45

Qual é minha questão:
Gostaria de colocar os perfis que ficam na lateral da mensagem parecido com esse, apenas editando as cores e afins. Como não sei lidar com a folha de estilo CSS, venho pedir ajuda até vocês. Agradeço.

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:
Como colocar a barra de perfil das mensagens desse jeito: Perfildt

Endereço do meu fórum:
legilimensrpg.forumeiros.com

Versão do meu fórum:
PHPBB2
Cold_100
Cold_100
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por MateusV. 25.01.12 16:47

Olá, poderia nos fornecer o link do forum em que viu isso?
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por Cold_100 25.01.12 16:50

Olá, esse foi o fórum que eu vi: http://ny-rpg.forumeiros.com/t804-ficha-logan-lerman
Cold_100
Cold_100
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por MateusV. 25.01.12 16:57

Olá, aceda a Painel de controle Seta Visualização Seta Imagens e cores Seta Cores :seta2: Aba "Folha de estilo CSS" então adicione o codigo:

Código:
.Fdescrição{
   background-image:url(http://img155.imageshack.us/img155/4443/1g4tjajpg.png);
   border-left:#8a93a3 3px solid;
   background-position:top;
   padding-right:10px;
   padding-bottom:10px;
   padding-top:10px;
   color:#7f7f7f;
}

.postdetails.poster-profile a img
{
border: 5px solid #78484f;
}

.profilentour
{
text-align:center;
background-image:url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
-moz-border-radius:5px;
padding:7px;
border-bottom:5px solid #79B3CB;
border-top:5px solid #79B3CB;
border-right: 2px #79B3CB dotted;
border-left: 2px #79B3CB dotted;
border-shadow: #C5D7E3 2px 2px 2px;
}







.profil_contour:{
background-image:url('http://i66.servimg.com/u/f66/15/16/74/94/fff10.png');
border:3px solid #C5D7E3;
border-right:7px solid #aca499;
-moz-box-shadow: 0px 0px 10px #000000;
-moz-border-radius:21px;
padding:3px;
}
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por Cold_100 25.01.12 17:02

Só fez um contorno marrom em volta do avatar. Rindo
Cold_100
Cold_100
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por MateusV. 25.01.12 17:10

Olá, coloque este codigo junto
Código:
* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;

}

a.info span {
    display: none;
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  top: 20px; /* on positionne notre infobulle */
  left: 10px;
  width: 300px;
  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

.topo_post{
padding-LEFT:30px;
 padding-RIGHT: 30px;
 
}

.topo_post1{
   background-image:url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
background-repeat:repeat;
   text-ALIGN: justify;
}

.topo_post2{
   background-COLOR:#8a93a3;
   text-ALIGN:center;
}
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de perfil das mensagens desse jeito:

Mensagem por Cold_100 25.01.12 17:23

Deu certo, obrigado ;D
Cold_100
Cold_100
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos