Botão de voltar ao topo

Item: Botão de voltar ao topo
Rating: 1

por Thoth 25/05/21, 04:46 am

Detalhes da questão

Endereço do fórum: https://testefdd.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Boa noite, prezados.

Gostaria de solicitar vossa ajuda para implementar uma função no fórum, seria um botão de voltar ao topo, similar ao que temos aqui no FDF, conforme imagem abaixo.

Seria um botão que ficasse fixo no rodapé, e não flutuante.
Desde já agradeço!

Atenciosamente,

por Thoth 26/05/21, 04:56 am

Boa noite, prezados.

Venho dar up no tópico após o período de 24 horas.
Desde já agradeço!

Atenciosamente,

por Shek 26/05/21, 03:44 pm

Olá Thoth, quanto tempo hein?! Muito feliz

É bom vê-lo por aqui novamente.

Pois bem, presumo que deseja incluir tal botão no rodapé, certo? Eu não me recordo bem se a versão ModernBB contém ícones do Google Icons ou do FontAwesome, porém, você poderá incluir o FontAwesome para inserir o ícone para o topo, lendo este tópico: https://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum
Existe uma versão atualizada dos ícones. Leia este artigo: https://shiftactive.blogspot.com/2020/01/font-awesome-5-gratis.html

Após instalar o ícone, acesse seu template overall_footer_end e procure pelo link de seu Painel administrativo na variavel {ADMIN_LINK}. Insira abaixo da </div> o código a seguir:

Código:: <div class="footerBackToTop"> <a href="#top" class="buttonTop"><i class="fas fa-chevron-up"></i></a> </div>

Caso não queira ícones, use a imagem do ícone, substituindo o <i class="fas fa-chevron-up"></i> por:

Código:: <img src="https://i.servimg.com/u/f21/18/45/41/65/top10.png" />

Deixei incluso a class footerBackToTop para usar CSS para personalizar caso deseje. Piscada

Exemplo:

Código:: .footerBackToTop .buttonTop:hover { background-color: #444; } .footerBackToTop .buttonTop { border-radius: 50px; background-color: black; padding: 10px; } .footerBackToTop { margin: 0px 0px 20px 0px; }

Atenciosamente,
Shek King