Difference between revisions of "Template:Top"

From GodWiki
Jump to: navigation, search
m (Rewrote doc, removed newline between noinclude/div, etc. kinda considering doing a rewrite of this because the buttons look like they are from like 2007 and don’t look good on most layouts. Also, if you’re gonna add -moz- add -webkit- too.)
(upgraded template to looks a little better in both front and back-end, may change the font-size after checking on mobile view)
Line 1: Line 1:
<div id="BackToTop" class="noprint" style="background-color:#DDEFDD; position:fixed;
+
<div id="BackToTop" class="noprint" style= "position:fixed; top: 90%; left:2%; z-index:9999; padding:0; margin:0;">
bottom:55px; left:2%; z-index:9999; padding:0; margin:0;"><span style="color:blue;
+
{| class="wikitable" style="font-weight: bold; font-size:100%; text-align: center; table-layout: fixed; background: #F0F8FF; "
font-size:8pt; font-face:verdana,sans-serif; border:0.2em outset #ceebf7;
+
{{!}}[[#top|Back to the Top]]
padding:0.1em; font-weight:bolder; -moz-border-radius:8px;">
+
{{!}}-
[[#top| Back to the Top ]]</span></div>
+
{{!}}[[#footer|To the Bottom]]
<div id="ToTheBottom" class="noprint" style="background-color:#DDEFDD; position:fixed;
+
|}
bottom:32px; left:2%; z-index:9999; padding:0; margin:0;"><span style="color:blue;
+
</span></div>
font-size:8pt; font-face:verdana,sans-serif; border:0.2em outset #ceebf7;
+
<noinclude>
padding:0.1em; font-weight:bolder; -moz-border-radius:8px;">
 
[[#footer| To the Bottom ]]</span></div><noinclude>
 
 
{{doc|content=The {{tlx|Top}} Template adds floating "Back to the Top" AND "To the Bottom" buttons to the bottom left of any page it is applied on.
 
{{doc|content=The {{tlx|Top}} Template adds floating "Back to the Top" AND "To the Bottom" buttons to the bottom left of any page it is applied on.
  
 
Like the names implies, these buttons allow users to jump back to the top or bottom of the page in a single click. The buttons are static, and therefore do not move when the page is scrolled, and are compatible with mobile view.}}
 
Like the names implies, these buttons allow users to jump back to the top or bottom of the page in a single click. The buttons are static, and therefore do not move when the page is scrolled, and are compatible with mobile view.}}
 
[[Category:Templates]]</noinclude>
 
[[Category:Templates]]</noinclude>

Revision as of 19:47, 6 March 2020

📚 Documentation

The {{Top}} Template adds floating "Back to the Top" AND "To the Bottom" buttons to the bottom left of any page it is applied on.

Like the names implies, these buttons allow users to jump back to the top or bottom of the page in a single click. The buttons are static, and therefore do not move when the page is scrolled, and are compatible with mobile view.