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
» formulário de postagem
Hoje à(s) 0:23 por Luiz~

» Problema com JS
Hoje à(s) 0:21 por Luiz~

» viewtopic_body personalizado
Ontem à(s) 23:26 por Luiz~

» Gestão da logo do fórum
Ontem à(s) 22:28 por Luiz~

» RANK E AJUDA PRA BOTAR O RANK NO MEU FORUM
Ontem à(s) 22:16 por Rhuanzinho Pjl

» Criação de portal com link
Ontem à(s) 21:13 por Luiz~

» Modificar campo de avatar
Ontem à(s) 21:12 por Luiz~

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

Fernanda Nunes, GustavoDM11, iScroll, jhen00, Luiz~, MateusV., PESS_dodo, ranzatti, Um, Weder M. T. N.

[ 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 6

Masculino
Inscrito dia : 13/09/2016
Mensagens : 72
Pontos Ativos : 370

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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

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 6

Masculino
Inscrito dia : 13/09/2016
Mensagens : 72
Pontos Ativos : 370

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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

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 6

Masculino
Inscrito dia : 13/09/2016
Mensagens : 72
Pontos Ativos : 370

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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

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 6

Masculino
Inscrito dia : 13/09/2016
Mensagens : 72
Pontos Ativos : 370

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 : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

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 6

Masculino
Inscrito dia : 13/09/2016
Mensagens : 72
Pontos Ativos : 370

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".


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

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