ScrollPage Mod for TNG

Steve
Posts: 73
Joined: Sun Oct 01, 2017 3:08 pm

ScrollPage Mod for TNG

Post by Steve » Sat Aug 03, 2019 7:21 pm

Scroll long pages using four translucent buttons that scroll to the top, up, down or bottom of a page. The ScrollPage Mod uses smooth scrolling compatible with Chrome, Edge, Firefox, IE, Opera and Safari. Hovering changes the button color and a tool tip appears as shown below.
 
Image
 
Tool tips can be disabled in the option menu as shown below. You can also view and use the scroll buttons here.
 
Image
 
The mod adds custom colors and positions for all standard templates. If you do not specify a template, the default color scheme will be grey and will appear in the bottom right position. If you use a custom template refer to the scrollpage-info.css file included in the scrollpage folder. The file shows a few classes and code to customize the buttons on your website.

The mod adds one line in genlib.php and creates two script files. The remaining changes are to genstyle.css, the css files for each template, and the language files. If you want to move or change the button color, refer to scrollpage-info.css in the scroll page folder and add the code for whatever you want to change to mytngstyle.css for the template you are using.

To install the mod, unzip the files to the TNG mods folder. Log in to TNG and go to Administration -> Mod Manager. If MOD manager says Ok to Install, select the scrollpage mod line and then Install. If MOD manager says Cannot Install there is either a conflict with another MOD or missing code. You can either correct the problem or delete the mod.

Refresh the page after installing to load the new button classes. To uninstall the mod select uninstall and then delete. If you delete the mod, remember to delete the scrollpage folder as well.

The updated versions below use SVG graphic files because rotated ASCII characters did not position correctly on some browsers.

Download for TNG Version 12.0.1

scrollpage_v12.0.1.1.zip


Download for TNG Version 12.1.0 (Uses TNG's new anchors in templatestyle.css files for templates 9 through 18)

scrollpage_v12.1.0.1.zip
Last update 4/13/19


Download for TNG Version 12.1.0
In addition to hiding tool tips, the version below has an option to hide scroll buttons. Enabling the Hide Scroll Buttons until the page scrolls down hides the buttons on short pages but dis[;ays the buttons when the screen scrolls down. When the page scrolls to the top, the buttons are hidden again. The CSS was improved to display buttons correctly on various size displays using percent instead of pixels.

scrollpage_v12.1.0.3.zip
Created 8/23/19

You do not have the required permissions to view the files attached to this post.
Last edited by Steve on Sat Apr 13, 2019 9:08 pm, edited 1 time in total.


Last bumped by Steve on Sat Aug 03, 2019 7:21 pm.