Quadro post

2 participantes

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

Tópico resolvido Quadro post

Mensagem por CM Remedy 21.08.13 10:57

Qual é minha questão:
Olá, eu quero meter o quadro geral das mensagens como está na imagem. O texto dentro de "caixa com uma borda arredondada, depois o post de perfil onde aparece o avatar tudo centrado e também numa borda arredondada. Podem ver na imagem.
Quadro post GVYUSf5

Endereço do meu fórum:
http://fswrestling.foruns.com.pt

Versão do fórum:
PHPBB3


Última edição por Remedy em 21.08.13 12:21, editado 1 vez(es)
CM Remedy

CM Remedy
***

Membro desde : 04/06/2013
Mensagens : 164
Pontos : 235

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por goodbye 21.08.13 11:29

Olá,

Somente poderemos atender a uma questão por tópico, responderei-lhe a primeira questão.

Aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS


Acrescente o código a seguir na folha:

Código:
.postbody {
border: 1px solid #ddd;
border-radius: 6px;
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
margin-top: 5px;
padding: 7px;
width: 75%;
}
Valide!

Resulta?
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por CM Remedy 21.08.13 11:34

Resultou, mas falta o perfil centrado e também com uma borda arredondada.
CM Remedy

CM Remedy
***

Membro desde : 04/06/2013
Mensagens : 164
Pontos : 235

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por goodbye 21.08.13 11:48

Utilize o código abaixo:

Código:
.postprofile {
background: #DEDEDE!important;
background-color: #DEDEDE;
border: 2px solid #DEDEDE!important;
border-radius: 5px 5px 5px 5px!important;
text-align: center;
}
Seta Adicione este código no início do CSS.

Abraços!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por CM Remedy 21.08.13 11:50

Como eu previa os dois quadros ficam colados um ao outro, e eu quero com um espaço como se encontra na imagem, para visualizar o erro visite: http://check-point.foruns.com.pt/t1-topico-de-teste
CM Remedy

CM Remedy
***

Membro desde : 04/06/2013
Mensagens : 164
Pontos : 235

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por goodbye 21.08.13 11:58

Troque o código por este:

Código:
.postprofile {
position: relative;
right: 5px;
width: 21%!important;
background: #DEDEDE!important;
background-color: #DEDEDE;
border: 2px solid #DEDEDE!important;
border-radius: 5px 5px 5px 5px!important;
text-align: center;
}
Resulta?
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por CM Remedy 21.08.13 12:06

Dá para por um pouco mais longe? Não muito, só mais um pouco..
CM Remedy

CM Remedy
***

Membro desde : 04/06/2013
Mensagens : 164
Pontos : 235

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por goodbye 21.08.13 12:08

Sim, no código procure e altere o seguinte:

Seta right: 5px;

Altere até ajustar como queira, aumentando o valor o mesmo irá para a esquerda e diminuindo irá para a direita.

Até mais!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por CM Remedy 21.08.13 12:13

Obrigado, mas falta um pequeno promonor..
Como pode ver na imagem que está a seguir cada post de usuário incluído o perfil e tudo mais está dentro de uma linha que vai ficando mais clara a medida que desce. A ultima linha que é o da seta que aponta para baixo já faz parte do post seguinte mas dá para ficar com uma ideia do que é..
Quadro post RwFmwNM
CM Remedy

CM Remedy
***

Membro desde : 04/06/2013
Mensagens : 164
Pontos : 235

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por goodbye 21.08.13 12:18

Já são três questões em um único tópico hem, da próxima vez queira sanar uma questão por tópico, creio que entendi, queira experimentar o código abaixo:

Código:
.row1 {
border-top: 1px solid #C7C7C7!important;
}
.row2 {
border-top: 1px solid #C7C7C7!important;
}
Até mais.
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro post

Mensagem por CM Remedy 21.08.13 12:21

Obrigado, e quanto a isso de serem 3 questões na minha opinião está errado, pois podem todas entrar em conflitos..
CM Remedy

CM Remedy
***

Membro desde : 04/06/2013
Mensagens : 164
Pontos : 235

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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