Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» [Pedido] Ranks
Hoje à(s) 08:00 pm por iScroll

» Como tirar o título do rank
Hoje à(s) 05:24 pm por BichodoMato

» (PEDIDO) Ranks
Hoje à(s) 05:12 pm por Tiger

» Ícone de campos de perfil não aparece
Hoje à(s) 05:04 pm por zHugh

» [Pedido] Banner ®
Hoje à(s) 04:46 pm por mocci

» [PEDIDO] Brasão de Armas
Hoje à(s) 04:17 pm por mocci

» Mudar caixas de usuários online, grupos e aniversariantes
Hoje à(s) 04:16 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
286 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 275 Visitantes :: 2 Motores de busca

Hastad, iScroll, Jack Sparrow, Kyko, mocci, Pedxz, PrisoN†BreaK, rlmac, T1ag0, Tiger, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar o estilo das postagens

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

Resolvido Personalizar o estilo das postagens

Mensagem por Hidan HZ em 22/03/17, 05:38 pm

Detalhes da questão


Endereço do fórum: http://twalkingdeadbr.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Boa tarde, gostaria de deixar as postagens do meu fórum mais bonita e agradável, diferente.

Post no meu fórum:

Spoiler:

Como pode-se vê as postagens no meu fórum ficam com o fundo cinza (queria que ficasse branco), fica uma borda preta forte e com o perfil centralizada nela, gostaria que isso mudasse.

Spoiler:

Gostaria que ficasse como o da imagem acima, o perfil no canto, o fundo branco e umas linhas cinzas clara.

Espero que possam me ajudar e obrigado desde já.
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 82
Pontos Ativos : 156

http://designersps.forumeiros.com/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz em 22/03/17, 05:46 pm

Olá.
Adicione este CSS, ao final de sua CSS:
Código:
.postprofile {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    border-right: solid 1px #d6d6d6;
    height: 100%!important;
}

.post {
    background-color: #fff;
    border-top: solid 1px #d6d6d6!important;
    border: none;
    border-radius: 0px;
}

.postprofile dt {
    padding: 10px;
    border-bottom: solid 1px #d6d6d6;
}

.post .postprofile dl dt a[href*="/u"] img[src][alt] {
    margin-bottom: 10px;
}

Até mais.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em 22/03/17, 06:30 pm

Melhorou brow, mas só que não ficou como eu queria; quero que fique exatamente igual o do print.

Spoiler:

Falta colocar o perfil pro canto, deixar as linhas certinhas e tira essas linhas pretas e tals
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 82
Pontos Ativos : 156

http://designersps.forumeiros.com/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz em 22/03/17, 06:35 pm

Adicione este código ao final (no final de todo o código presente) de sua Folha de Estilo CSS:
Código:
.postprofile {
    border: none!important;
    border-right: solid 1px #ddd!important;
    border-radius: 0px!important;
    text-align: left;
}

Até mais. Piscada
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em 22/03/17, 06:43 pm

Spoiler:
Quase perfeito, só mais umas coisas se não for incomodo: gostaria de deixar a imagem de perfil com os lados quadriculados, se você perceber tá redondo (não ser porque); botar essa linha cinza pra baixo da imagem de rank, adicionar mais uma linha cinza pra baixo das medalhas e mais outra pra debaixo dos troféus.

Vlw
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 82
Pontos Ativos : 156

http://designersps.forumeiros.com/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz em 22/03/17, 06:47 pm

Use este código também, ao final de sua CSS:
Código:
.post .postprofile dl dt a[href*="/u"] img[src][alt] {
    border-radius: 0px!important;
}

.postprofile dd:nth-child(2) {
    border-bottom: solid 1px #ddd;
}

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em 22/03/17, 06:53 pm

Spoiler:

Olha como ficou brother. Queria que melhorasse o que disse no meu comentário anterior; e tenho a impressão que o avatar tá mais pra direita (não tá alinhado ao título e as informações de perfil. :-/
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 82
Pontos Ativos : 156

http://designersps.forumeiros.com/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz em 22/03/17, 07:01 pm

Desculpe pelos erros. Rosa

---

Quanto ao resto, adicione, também ao final de sua CSS, o seguinte código:
Código:
.postprofile dt {
    border: none!important;
}

.postprofile dd br + img,
.post .postprofile dl dt a[href*="/u"] img[src][alt],
.postprofile strong a[href*="/u"] {
    margin-left: -10px;
}

.postprofile dd br + img {
    margin-bottom: 5px;
}

Todavia, não será possível adicionar a linha acima/abaixo das medalhas, pois não são todos os perfis com ela, como é o caso deste:
-> http://prntscr.com/ena2mx

Até mais. Piscada
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em 22/03/17, 07:16 pm

Nossa man, perfeito! Vlw aí! Só faltou a linha embaixo dos troféus, mas de boa!

Vlw aí pela disposição a ajudar!
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 82
Pontos Ativos : 156

http://designersps.forumeiros.com/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por while em 22/03/17, 07:57 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3102
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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