Personalizar o estilo das postagens

3 participantes

Ir para baixo

Tópico resolvido Personalizar o estilo das postagens

Mensagem por Hidan HZ 22.03.17 20:38

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á.
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz 22.03.17 20:46

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.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ 22.03.17 21:30

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
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz 22.03.17 21:35

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ 22.03.17 21:43

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
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz 22.03.17 21:47

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ 22.03.17 21:53

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. :-/
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Luiz 22.03.17 22:01

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ 22.03.17 22:16

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

Vlw aí pela disposição a ajudar!
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o estilo das postagens

Mensagem por while 22.03.17 22:57

Personalizar o estilo das postagens Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

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