Traço para separar postagens e perfil

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

Resolvido Traço para separar postagens e perfil

Mensagem por LuizLopes. em 09/07/13, 07:11 pm

Qual é minha questão:
Mais uma vez estou aqui em relação aos traços. Gostaria agora de por um traço ao lado esquerdo do perfil de "fulano" em uma postagem e a separação das mensagens em um tópico

Desde já, Obrigado !

Exemplo do que eu quero: http://www.pokeshiny.com/t8101-shiny-gladiators-clan
Vejam nas mensagens

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

Versão do fórum:
PHPBB3
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Traço para separar postagens e perfil

Mensagem por Sennior em 09/07/13, 07:14 pm

Olá!

Aceda à "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS


Codigo CSS:
Código:
.postprofile {
border-left: 1px solid black !important;
}.inner {
border-bottom: 1px solid black;
}

Clique em "Validar". Piscada

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Traço para separar postagens e perfil

Mensagem por LuizLopes. em 09/07/13, 07:17 pm

O Código funcionou, mas eu não queria exatamente o traço para a separação das postagens só para o perfil, para separar eu gostaria como é no exemplo que eu citei !

Att.
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Traço para separar postagens e perfil

Mensagem por MateusV. em 09/07/13, 07:30 pm

Use apenas este código:
Código:
.postprofile{
border-left:1px solid orange!important;
}

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
  • 0

Resolvido Re: Traço para separar postagens e perfil

Mensagem por Hizu em 09/07/13, 08:31 pm

Boa noite!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Substitua os códigos fornecidos neste tópico por este:
Código:
.postprofile {
border-color: #ff6f00;
border-left-style: solid;
border-left-width: 1px;
color: #000;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
.post {
-moz-box-shadow: 0 3px 3px #c1a785;
-webkit-box-shadow: 0 3px 3px #c1a785;
border: 1px solid #cbcbcb;
}

Salve! Vale ressaltar que, o código acima irá separar e fazer o efeito que o senhor deseja no perfil das mensagens.

Atenciosamente, Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Traço para separar postagens e perfil

Mensagem por LuizLopes. em 09/07/13, 09:19 pm

@Hizu escreveu:Boa noite!

Aceda à sua "Folha de estilo CSS":
Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de estilo CSS


Substitua os códigos fornecidos neste tópico por este:
Código:
.postprofile {
border-color: #ff6f00;
border-left-style: solid;
border-left-width: 1px;
color: #000;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
.post {
-moz-box-shadow: 0 3px 3px #c1a785;
-webkit-box-shadow: 0 3px 3px #c1a785;
border: 1px solid #cbcbcb;
}

Salve! Vale ressaltar que, o código acima irá separar e fazer o efeito que o senhor deseja no perfil das mensagens.

Atenciosamente, Hizu. Piscada

O código resultou ! Muito Obrigado !
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

Ver perfil do usuário http://fenixextreme.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