Traço para separar postagens e perfil

4 participantes

Ir para baixo

Tópico resolvido Traço para separar postagens e perfil

Mensagem por LuizLopes. 09.07.13 23:11

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
LuizLopes.
LuizLopes.
*****

Membro desde : 04/01/2011
Mensagens : 444
Pontos : 743

http://fenixextreme.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Traço para separar postagens e perfil

Mensagem por Sennior 09.07.13 23:14

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Traço para separar postagens e perfil

Mensagem por LuizLopes. 09.07.13 23:17

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.
LuizLopes.
LuizLopes.
*****

Membro desde : 04/01/2011
Mensagens : 444
Pontos : 743

http://fenixextreme.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Traço para separar postagens e perfil

Mensagem por MateusV. 09.07.13 23:30

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

Abraços.
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: Traço para separar postagens e perfil

Mensagem por Hizu 10.07.13 0:31

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
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Traço para separar postagens e perfil

Mensagem por LuizLopes. 10.07.13 1:19

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 !
LuizLopes.
LuizLopes.
*****

Membro desde : 04/01/2011
Mensagens : 444
Pontos : 743

http://fenixextreme.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