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
» Barra de Categorias
Hoje à(s) 8:08 por Claudio Arthur

» Avatar Gif
Hoje à(s) 5:12 por [K]oke

» Notificações
Hoje à(s) 2:22 por Luiz~

» Alinhamento botão curtir
Ontem à(s) 21:31 por Luiz~

» Remover a tag da página inicial do fórum
Ontem à(s) 20:27 por Luiz~

» Tipos de layout e ativação através de perfil de usuário
Ontem à(s) 18:47 por Harleen

» Correção codigo aparecer abaixo do avatar
Ontem à(s) 17:41 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
231 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 230 Visitantes :: 2 Motores de busca

ThallesAmagami

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qua 22 Mar 2017 - 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á.
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 Qua 22 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em Qua 22 Mar 2017 - 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
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 Qua 22 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em Qua 22 Mar 2017 - 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
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 Qua 22 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em Qua 22 Mar 2017 - 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. :-/
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 Qua 22 Mar 2017 - 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
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

Resolvido Re: Personalizar o estilo das postagens

Mensagem por Hidan HZ em Qua 22 Mar 2017 - 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!
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 Qua 22 Mar 2017 - 22:57

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 : 3105
Pontos Ativos : 4494

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