[TUTORIAL] Back to Top (Somente com JS)

while1  • Qua 13 Jul 2016 - 0:16

[TUTORIAL] Back to Top (Somente com JS) Qua 13 Jul 2016 - 0:16

Reputação da mensagem: 100% (1 votos)

[TUTORIAL] Back to Top (Somente com JS)
As vezes gostaríamos de ter um efeito que faça com que possamos subir até ao topo do fórum. Neste tutorial vamos poder fazer o efeito Back to top somente com o uso de javascript. Adicionando o código: Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript: Investimento em todas as paginas. Código a ser usado em cada versão. Coloque esse código no conteúdo do javascript: [guest] PHPBB3 Código: $(function() {     $('#page-footer').append('<a href="#top"><img src="https://i21.servimg.com/u/f21/18/45/41/65/top10.png" title="Voltar ao topo" alt="Voltar ao topo" style="margin-left: -8px;margin-top: -6px;"/></a><style>a[href="#top"] { background:#000;left:650px;border: 1px solid white; height: 16px !important; width: 18px !important; padding: 10px; position: absolute !important; margin-top: 10px !important; border-radius: 50%; }</style>'); }); PHPBB2 Código: $(function() {     $('#page-footer').append('<a href="#top"><img src="https://i21.servimg.com/u/f21/18/45/41/65/top10.png" title="Voltar ao topo" alt="Voltar ao topo" style="margin-left: -8px;margin-top: -6px;"/></a><style>a[href="#top"] { background:#000;left:650px;border: 1px solid white; height: 16px !important; width: 18px !important; padding: 10px; position: absolute !important; margin-top: 10px !important; border-radius: 50%; }</style>'); }); PUNBB Código: $(function() {     $('#pun-foot').append('<a href="#top"><img src="https://i21.servimg.com/u/f21/18/45/41/65/top10.png" title="Voltar ao topo" alt="Voltar ao topo" style="margin-left: -8px;margin-top: -6px;"/></a><style>a[href="#top"] { background:#000;left:650px;border: 1px solid white; height: 18px !important; width: 18px !important; padding: 10px; position: absolute !important; margin-top: 10px !important; border-radius: 50%; }</style>'); }); INVISION Código: $(function() {     $('#gfooter').append('<a href="#top"><img src="https://i21.servimg.com/u/f21/18/45/41/65/top10.png" title="Voltar ao topo" alt="Voltar ao topo" style="margin-left: -8px;margin-top: -6px;"/></a><style>a[href="#top"] { background:#000;left:650px;border: 1px solid white; height: 16px !important; width: 18px !important; padding: 10px; position: absolute !important; margin-top: 30px !important; border-radius: 50%; }</style>'); }); [/guest]
Categoria: Recursos de Outros Autores
Autor: While
Todas as versões

Reputação da mensagem: 100% (1 votos)

while1  • Sex 2 Set 2016 - 17:01

deaneo8  • Sex 2 Set 2016 - 21:08

viniciussvl  • Sáb 3 Set 2016 - 0:19

Bruno_Michael  • Seg 3 Out 2016 - 9:16

Ivanaruto  • Sex 16 Dez 2016 - 12:59

S1L3NC3  • Qua 21 Dez 2016 - 13:22

Kayke  • Dom 7 Jul 2019 - 18:50

GlowHPS  • Sex 31 Jan 2020 - 22:30

Conteúdo patrocinado  •