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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Efeito nos grupos
Ontem à(s) 10:33 pm por Harleen

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

» Menu & Fundo
Ontem à(s) 10:25 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
241 usuários online :: 8 usuários cadastrados, 1 Invisível e 232 Visitantes :: 2 Motores de busca

BlueJOkeR, CaioCrisostomo, Heikki, iScroll, Matt Shultz, ranzatti, soldado, T1ag0

[ 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 : 85
Pontos Ativos : 161

Ver perfil do usuário 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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário 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 : 85
Pontos Ativos : 161

Ver perfil do usuário 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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário 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 : 85
Pontos Ativos : 161

Ver perfil do usuário 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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário 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 : 85
Pontos Ativos : 161

Ver perfil do usuário 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 : 5037
Pontos Ativos : 5829

Ver perfil do usuário 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 : 85
Pontos Ativos : 161

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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