Fim do footer personalizado

Detalhes da questão

Endereço do fórum: http://testenicolasban.forumeiros.com
Versão do fórum: phpBB3

Descrição

Boa noite, eu gostaria que me ajudassem a fazer isso aqui no meu fórum: https://i.imgur.com/DOZaazI.jpg

como está no meu fórum: https://i.imgur.com/QKlAtAB.jpg

Olá,

Poderia me informar o site onde você viu tal footer?

Até mais!

policiapmr.com

Olá @Strilk,

Poderia ser mais especifico quanto ao que deseja alterar no footer do fórum? Lembrando que não toleramos questões com o objetivo de plagiar fóruns alheios.

Atenciosamente,
RafaelS.

Eu gostaria daqueles botões, por exemplo: tem aqueles negócio de criar fórum, fórum d esuporte, diretório ShiftActif e etc, transformar todos em botões

Olá!

Adicione à sua folha de estilos (CSS):

Código:

ul.footerbar-system .rightside a {
    color: #fff;
    float: left;
    height: 35px;
    background: #333;
    padding: 2px 10px 2px 10px;
    margin-left: 10px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    margin-top: 7px;
    font-size: 13px;
    transition: all 0.25s;
    box-shadow: inset 0 -4px rgba(0,0,0,0.1);
    text-shadow: 0px 2px rgba(0,0,0,0.1);
}

.footerbar-system li.footer-home {
    float: right;
}

ul.footerbar-system .rightside {
    float: left;
    font-size: 0;
}

Atenciosamente,
RafaelS.

Olá, meu rodapé ficou bugado, eu gostaria exatamente como citado acima, acesse: testenicolasban.forumeiros.com e vá até o rodapé, verá que não está centralizado

Olá @Strilk,

Não vi o código CSS de cima aplicado no seu fórum. Todavia altere para:

Código:

.footerbar-system a {
    background-color: #333 !important;
    box-shadow: inset 0 -4px rgba(0,0,0,0.1);
    padding: .5rem;
    font-weight: 600 !important;
    border-radius: 3px;
    text-transform: capitalize;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    margin-right: 1rem;
    font-size: 13px;
}

.rightside {
    display: block !important;
    width: 100% !important;
}

.footer-home > a {
    font-size: 13px;
    background-color: transparent !important;
    box-shadow: none;
    padding: 0;
}

.rightside + li {
    float: right !important;
    font-size: 13px;
}

.footerbar-system {
    font-size: 0;
}

Atenciosamente,
pedxz.

Pode fechar