Botão de voltar ao topo
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Botão de voltar ao topo
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,
Re: Botão de voltar ao topo
Boa noite, prezados.
Venho dar up no tópico após o período de 24 horas.
Desde já agradeço!
Atenciosamente,
Venho dar up no tópico após o período de 24 horas.
Desde já agradeço!
Atenciosamente,
Re: Botão de voltar ao topo
Olá Thoth, quanto tempo hein?! É 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:
Deixei incluso a class footerBackToTop para usar CSS para personalizar caso deseje. Exemplo:
Shek
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>
- 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. 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;
}
Shek
Re: Botão de voltar ao topo
@Shek
Muito obrigado, meu amigo!
Por aqui resolvido.
Mais uma vez agradeço a ajuda.
Atenciosamente,
Muito obrigado, meu amigo!
Por aqui resolvido.
- Para Shek:
- Bom dia, Shek!
É, eu fico um tempo fora, depois me dá vontade de voltar a mexer no fórum, faço umas atualizações mas nunca de fato coloco para funcionar, só o fato de criar o fórum e deixá-lo ''legal'', já me agrada. Desde 2011 que fico nessa... rsrsrsrs
Mas é bom ver como as coisas vão mudando ao longo do tempo e cada vez avançando mais. Antes editávamos o fórum totalmente usando praticamente só o CSS, depois de um tempo passamos a usar mais JS junto com CSS e hoje, pelo que percebi, estamos mexendo nos códigos fonte para editar os fóruns, coisa que era impensável no início, a regra era: ''não mexe no código fonte pois pode estragar o fórum''... rsrsrsrs
Assim, sempre que retorno, tenho que reaprender tudo para me atualizar com a nova metodologia de edição do fórum.
Muito legal ver você aqui firme e forte no FDF e pelo que vi, com seus outros projetos ainda ativos!
Mais uma vez agradeço a ajuda.
Atenciosamente,
Re: Botão de voltar ao topo
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Tópicos semelhantes
» Botão de voltar ao topo
» Criar o Botão voltar ao topo
» Não consigo colocar o botão "voltar ao topo"
» [Resolvido] Código voltar ao topo da página?
» Como adicionar botão voltar ao topo
» Criar o Botão voltar ao topo
» Não consigo colocar o botão "voltar ao topo"
» [Resolvido] Código voltar ao topo da página?
» Como adicionar botão voltar ao topo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos