Alinhar número de tópicos e mensagens

4 participantes

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

Tópico resolvido Alinhar número de tópicos e mensagens

Mensagem por circle 24.03.18 2:41

Detalhes da questão


Endereço do fórum: http://draftguild.forumeiros.com
Versão do fórum: ModernBB

Descrição


Opa pessoal, boa noite. Então, meu fórum só precisa desse alinhamento para ficar do jeito que queria Triste

Alinhar número de tópicos e mensagens Align10

Como mostra na imagem, o fórum "intro" está centralizado verticalmente, consegui fazer inspecionando o objeto pelo mozilla e ajustando no css até conseguir:

Código:
ul.forums dl.icon dd.dterm > div {
     margin-left: 47px !important;
   margin-top: 3.2% !important;
     margin-bottom: 3.2% !important;
   }

Já o alinhamento vertical dos ícones eu copiei o seguinte código:

Código:
ul.topiclist dd.dterm, ul.topiclist dt {
        display: block;
        float: left;
        font-size: 1.3rem;
        padding: 22px;
        width: 52%;
        }
       
        .forabg .header i:before {
            padding: 0px;
        }

Então, eu gostaria de alinhar verticalmente os números, tanto de posts quanto de tópicos. Agradecido desde já!
circle

circle
Novo Membro

Membro desde : 24/03/2018
Mensagens : 4
Pontos : 6

http://draftguild.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por Luiz 24.03.18 13:17

Olá,

Para que possamos lhe ajudar, o senhor terá que tirar o seu fórum da manutenção.
Ficaremos no aguardo. o/
Luiz

Luiz
Membro Entusiasta
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: Alinhar número de tópicos e mensagens

Mensagem por circle 24.03.18 16:42

Pronto, o fórum está aberto
circle

circle
Novo Membro

Membro desde : 24/03/2018
Mensagens : 4
Pontos : 6

http://draftguild.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por virus 24.03.18 17:09

Olá, vejamos o que você pode fazer..
Vá em: 
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
E adicione ao final de sua folha de estilo CSS o seguinte código:
Código:
.topiclist.forums>li.row> dl.icon .posts {
    clear: left;
    position: absolute;
    left: 52%;
    bottom: -1em;
}
li.header .icon .posts {
    display: none;
}

Salve e veja se resultou.
Até mais!


Última edição por virus em 24.03.18 17:15, editado 1 vez(es) (Motivo da edição : Update Code')
virus

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por circle 24.03.18 18:24

virus escreveu:Olá, vejamos o que você pode fazer..
Vá em: 
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
E adicione ao final de sua folha de estilo CSS o seguinte código:
Código:
.topiclist.forums>li.row> dl.icon .posts {
    clear: left;
    position: absolute;
    left: 52%;
    bottom: -1em;
}
li.header .icon .posts {
    display: none;
}

Salve e veja se resultou.
Até mais!

Opa, obrigado por tentar ajudar!
Mas não, ainda não funcionou, olha como ficou
Alinhar número de tópicos e mensagens Align210

No caso eu queria que ficasse um número apenas, e alinhado com o nome do fórum, aquele "about" ali.
Obrigado desde já!
circle

circle
Novo Membro

Membro desde : 24/03/2018
Mensagens : 4
Pontos : 6

http://draftguild.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por Alex 24.03.18 19:20

Olá.

Tente substituir os códigos passados acima por esse:
Código:
.topiclist.forums>li.row> dl.icon .topics, .topiclist.forums>li.row> dl.icon .posts, .topiclist.forums>li.row> dl.icon .lastpost {
    margin-top: 2%;
}

Pode ir alterando o 2% para a medida que desejar até que fique centrado.

Até.
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por circle 24.03.18 19:42

AlexG escreveu:Olá.

Tente substituir os códigos passados acima por esse:
Código:
.topiclist.forums>li.row> dl.icon .topics, .topiclist.forums>li.row> dl.icon .posts, .topiclist.forums>li.row> dl.icon .lastpost {
    margin-top: 2%;
}

Pode ir alterando o 2% para a medida que desejar até que fique centrado.

Até.

Opa! Agora foi Feliz
Eu utilizei o código que você mandou, mas retirei a parte do lastpost, o lastpost já estava alinhado, além disso usei o margin-bottom também, deixei ambos em 2% e apenas ajustei o margin-top/bottom do outro código e ficou lindo! O código no final ficou assim

Código:
        .topiclist.forums>li.row> dl.icon .topics, .topiclist.forums>li.row> dl.icon .posts {
            margin-top: 2%;
         margin-bottom: 2%
        }

E o resultado:

Alinhar número de tópicos e mensagens Align310

Muitíssimo obrigado pessoal! Eu amo você Eu amo você Eu amo você


circle

circle
Novo Membro

Membro desde : 24/03/2018
Mensagens : 4
Pontos : 6

http://draftguild.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por Alex 24.03.18 19:45

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos