Post: NGU Retro Skin + JB Custom Footer
09-15-2015, 10:08 AM #1
JB
[i]Remember, no Russian.[/i]
(adsbygoogle = window.adsbygoogle || []).push({}); Being inspired by You must login or register to view this content., I decided to work on a new-classic NGU mashup that I'm naming NGU Retro. And then I went a little bit too far and ended up making a whole new footer 'cos I hate the current one.

To use this, you'll need a userscript manager and a userstyle manager. Examples for Chrome would be Tampermonkey and Stylish, examples for Firefox would be Greasemonkey and Stylish.

Version 1.3 (Sept 15, 2015)

  • JB Custom Footer CSS is now provided separately You must login or register to view this content..
  • Updated userscript to generate the new footer.


So, what exactly is different?

  • The new logo is changed the the 2010 era logo.
  • The background is changed to the 2010 era background.
  • The header is recolored in classic NGU colors.
  • The forum heads are recolored in classic NGU colors.
  • The footer is completely fucking remade in 300+ lines of Javascript.


You must login or register to view this content.
The NGU Retro theme

You must login or register to view this content.
My custom footer


The footer stats for member count and post count do not update yet, unfortunately. If/when I find a decent way to do both quickly, I'll issue an update. Also note that the userscript uses a really hacky way to get the current footer using XPath - Elites/Staff may need to replace the XPath of the footer, you can get it using Intext Edit - right click on element - Copy XPath). I'll work on a better replacement for this too.

You must login or register to view this content.
You must login or register to view this content.
You must login or register to view this content. and the You must login or register to view this content.
Last edited by JB ; 09-16-2015 at 01:45 AM.

The following 15 users say thank you to JB for this useful post:

MLB, YouAppreciateMe, Geo, Jimmy, Joren, Kryptus, Mystery, John, Adrian, ResistTheSun, RTE, Sammmmmy, Slinky, Specter
09-15-2015, 10:28 AM #2
JB
[i]Remember, no Russian.[/i]
To change the XPath that the footer replaces, open my userscript in your manager (Tampermonkey/Greasemonkey) and change line 118:
    var oldFooter = getElementByXpath('//*[@id="container_ns"]/div[1]/div[7]'Winky Winky; // grab the old ugly footer (you may have to change this xpath, just use intext)..


Where
    //*[@id="container_ns"]/div[1]/div[7]
becomes the XPath of this element:

You must login or register to view this content.

You should only have to do this if you are Elite/Staff.
09-15-2015, 10:51 AM #3
JB
[i]Remember, no Russian.[/i]
Update: XPath method changed. You no longer have to edit anything and the footer should always display properly. Reimport the userscript if no update is detected.
09-16-2015, 01:38 AM #4
Geo
Don't Believe The Title
Top quality stuff here JB! Will definitely use this.
09-16-2015, 01:38 AM #5
Mystery
It's still a Mystery!
Great stuff JB Smile
09-16-2015, 01:41 AM #6
YouAppreciateMe
I Be That Pretty Mother****er
I like how you added You must login or register to view this content. Cool Troll
09-16-2015, 01:49 AM #7
JB
[i]Remember, no Russian.[/i]
Updated userscript install link as github is caching 1.0 :ha!:

1.3 is available at You must login or register to view this content.
09-16-2015, 01:50 AM #8
JB
[i]Remember, no Russian.[/i]
That's because of another userscript someone posted once :lol:
They can be dangerous if you don't know what it's doing. Hence why mine is commented as much as I could be arsed to. But anyone with a brain can see it's safe. :p

Originally posted by Geo View Post
Top quality stuff here JB! Will definitely use this.


Originally posted by Mystery View Post
Great stuff JB Smile


Thanks mates Winky Winky
09-29-2015, 05:14 AM #9
JB
[i]Remember, no Russian.[/i]
Update 29/09/2015

As I've made people aware I am helping to transition this footer to the live skin for everyone to use! It's been slightly redesigned to look more like NGU as we know it but works just the same. Some sneak peaks coming..

Desktop/Tablet
You must login or register to view this content.

Mobile
You must login or register to view this content.

As the footer is very nearly here, I recommend everyone who has installed my footer userscript disables it, otherwise it can and probably will mess with the new footer once it goes live. :p
09-29-2015, 05:17 AM #10
Default Avatar
Oneup
Guest
Originally posted by JB View Post
Update 29/09/2015

As I've made people aware I am helping to transition this footer to the live skin for everyone to use! It's been slightly redesigned to look more like NGU as we know it but works just the same. Some sneak peaks coming..

Desktop/Tablet
You must login or register to view this content.

Mobile
You must login or register to view this content.

As the footer is very nearly here, I recommend everyone who has installed my footer userscript disables it, otherwise it can and probably will mess with the new footer once it goes live. :p


Uh, why is users online so much wider than the width of main category in the desktop view?

Then the boxes on the bottom just look way to spread apart. Again the desktop view.

Copyright © 2024, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo