[HTML] Fancy "Scroll up" button

**Port Admin** · **Port Admin** Πεμ Σεπ 14, 2017 10:32 pm

1º - HTML
In overall_footer_end above the </body> put next code:

Κώδικας::  <script type="text/javascript" src="http://yourjavascript.com/460495112/mrscrollup.js"></script> <div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>

2º - CSS
Add the following code to the CSS

Κώδικας:: #MrScrollUp div{ width:149px; overflow:hidden; position:absolute; left:0; top:0; margin:0; padding:0; } #MrScrollUp .MrScrollUp1{ background:url(http://i58.servimg.com/u/f58/14/80/95/87/rocket10.png) no-repeat -149px 0; opacity:0; height:250px; display:none; z-index:1; } #MrScrollUp .MrScrollUp2{ background:transparent; cursor:pointer; display:block; z-index:2; height:150px; } #MrScrollUp{ z-index:11; width:149px; height:250px; display:block; overflow:hidden; cursor:default; position:fixed; right:0; top:95%; background:url(http://i58.servimg.com/u/f58/14/80/95/87/rocket10.png) no-repeat 0 0; margin:-125px 0 0; padding:0; }

via: punbb.biz

masterslyyy · masterslyyy Σαβ Απρ 21, 2018 4:37 pm

thanks

Απ: [HTML] Fancy "Scroll up" button