Personalizar informações do footer

Detalhes da questão

Endereço do fórum: https://testesf.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição

Boa tarde, suporte!

Hoje aonde fica a quantidade de mensagens e usuários é assim: https://imgur.com/a/J5TJ0IH, gostaria que ele ficasse desta forma: https://i.imgur.com/nhBsQho.png

Tem possibilidade?

Olá,

Poderia disponibilizar o seu template "overall_footer_begin" para ser feita as alterações necessárias?

Título alterado para "Personalizar informações do footer"

Até mais!

Código:

<!-- BEGIN html_validation -->
<div id="wrap">
    <!-- END html_validation -->

</div><!-- <div id="wrap" /> -->
<div id="{ID_RIGHT}" class="wrap"  style="display: none">
    <!-- BEGIN giefmod_index2 -->
    {giefmod_index2.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index2 -->
</div>

<!-- BEGIN disable_viewonline -->
<footer>
    <div class="wrap">
        <div id="forum-statistics">
            <div>
                <div>{TOTAL_POSTS}</div>
            </div>
            <div>
                <div>{TOTAL_USERS}</div>
            </div>
            <div>
                <div>{NEWEST_USER}</div>
            </div>
        </div>
    </div>
</footer>
<!-- END disable_viewonline -->
<div id="page-footer">
    <div class="wrap">
        <div class="navbar">
            <ul class="linklist clearfix">
                <li class="footer-to-top">
                    <a href="#top">
                        <i class="material-icons">arrow_upward</i>
                    </a>
                </li>
                <li class="footer-home">
                    <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
                </li>
                <li class="rightside">

                    <!-- BEGIN html_validation -->
                </li><!-- <li class="footer-home" /> -->
            </ul><!-- <ul class="linklist clearfix" /> -->
        </div><!-- <div class="navbar" /> -->
    </div><!-- <div class="wrap" /> -->
</div><!-- <div id="page-footer" /> -->
<!-- END html_validation -->

Segue.

Olá,

Substitua o seu template por esse

Código:

<!-- BEGIN html_validation -->
<div id="wrap">
    <!-- END html_validation -->
 
</div><!-- <div id="wrap" /> -->
<div id="{ID_RIGHT}" class="wrap"  style="display: none">
    <!-- BEGIN giefmod_index2 -->
    {giefmod_index2.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index2 -->
</div>
 
<!-- BEGIN disable_viewonline -->
<footer>
    <div class="wrap">
        <div id="forum-statistics">
            <div id="content-total-posts">
                <div id="total-posts">{TOTAL_POSTS}</div>
            </div>
            <div id="content-total-users">
                <div id="total-users">{TOTAL_USERS}</div>
            </div>
            <div id="content-newest-user">
                <div id="newest-user">{NEWEST_USER}</div>
            </div>
        </div>
    </div>
</footer>
<!-- END disable_viewonline -->
<div id="page-footer">
    <div class="wrap">
        <div class="navbar">
            <ul class="linklist clearfix">
                <li class="footer-to-top">
                    <a href="#top">
                        <i class="material-icons">arrow_upward</i>
                    </a>
                </li>
                <li class="footer-home">
                    <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
                </li>
                <li class="rightside">
 
                    <!-- BEGIN html_validation -->
                </li><!-- <li class="footer-home" /> -->
            </ul><!-- <ul class="linklist clearfix" /> -->
        </div><!-- <div class="navbar" /> -->
    </div><!-- <div class="wrap" /> -->
</div><!-- <div id="page-footer" /> -->
<!-- END html_validation -->

<style>
#forum-statistics > div {
    border-left: 1px solid rgb(45, 49, 53);
    float: left;
    line-height: 34px;
    max-width: 100%;
    min-height: 94px;
    padding: 11px 9px 11px 9px;
    position: relative;
    width: 33.3333%;
    margin: 0px;
}
div#newest-user {
    display: inline-block;
    width: 100%;
}
#total-users {
    width: 100%;
    display: inline-block;
}
#total-posts {
    display: inline-block;
    width: 100%;
}
#content-total-users {
    width: 20%;
}
#newest-user strong {
    display: inline-block;
    padding-left: 2px;
}
</style>


Até mais!

Fala meu querido!

Na imagem fiz uma linha aonde te muito espaçamento, teria como retirar? https://i.imgur.com/3Kv3Qh3.png

Olá @Ph1liphe,

Adicione o seguinte código à sua folha de estilos (CSS):

Código:

body > footer {
    height: 120px;
}

Atenciosamente,
RafaelS.

Obrigado, pode encerrar!