Alinhar número de tópicos e mensagens

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

Resolvido Alinhar número de tópicos e mensagens

Mensagem por circle em 23/03/18, 11:41 pm

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



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á!
avatar

circle
Nível 1

Masculino
Inscrito dia : 23/03/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://draftguild.forumeiros.com/

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por Luiz em 24/03/18, 10:17 am

Olá,

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6569
Pontos Ativos : 7336

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por circle em 24/03/18, 01:42 pm

Pronto, o fórum está aberto
avatar

circle
Nível 1

Masculino
Inscrito dia : 23/03/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://draftguild.forumeiros.com/

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por virus em 24/03/18, 02:09 pm

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, 02:15 pm, editado 1 vez(es) (Razão : Update Code')
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por circle em 24/03/18, 03:24 pm

@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


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

circle
Nível 1

Masculino
Inscrito dia : 23/03/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://draftguild.forumeiros.com/

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por Alex em 24/03/18, 04:20 pm

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é.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 643
Pontos Ativos : 866

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por circle em 24/03/18, 04:42 pm

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:



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


avatar

circle
Nível 1

Masculino
Inscrito dia : 23/03/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://draftguild.forumeiros.com/

Resolvido Re: Alinhar número de tópicos e mensagens

Mensagem por Alex em 24/03/18, 04:45 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

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 643
Pontos Ativos : 866

Ver perfil do usuário https://mundogoph.org/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum