Jump to content
Banner by ~ Ice Princess Silky

MLPForums Plus - A Site Mod For Quality Of Life Improvements (v1.5.1)


Rikifive

Recommended Posts

 

UP-TO-DATE VERSIONS

JS - v1.5.1 (15.10.2023)
CSS
🌙LUNA - v1.5.1 (15.10.2023)
CSS
CELESTIA - v1.5.1 (15.10.2023)

To ensure compatibility, when updating, make sure both* your scripts are up to date.
*both refers to JS and one of CSS of your choice

 

// Introduction

Tired of Flashbangs MLP Forums throw at you? e-bigangery.gif.f46e3888b42483d4fbc643247a93206a.gif
Tired of thinking of at least one difference between looking at MLPF and looking at the Sun? e-bigangery.gif.f46e3888b42483d4fbc643247a93206a.gif
Tired of getting lost in threads and not knowing the way out? e-bigangery.gif.f46e3888b42483d4fbc643247a93206a.gif

 

Well look no further! The solution is here! ... Maybe.. I don't know. e-twiwth.png.5878ad773cfe0efaf9dc8dc75763160a.png

 

Seriously though, I wrote a bunch of code to modify MLP Forums' visuals as well as introduce various Quality of Life improvements.

So let's see what we got here, shall we? :darling:

 

 

// Features

 

1. PONIFIED THEMES

Let's start with the basics, CELESTIA and LUNA themes!

ThemePreview.thumb.jpg.7cf1a84a0ec10d848669c8f54f201a65.jpg

If you prefer light themes:Celestia is for you!

Spoiler

celestiathemepreview.thumb.png.36a125ea496788b86487d21191143340.png

If you prefer dark themes: 🌙Luna is for you!

Spoiler

lunathemepreview.thumb.png.aa1c7bc54aa0f8464a19d6a63f41ac71.png

 

 

2. STICKY NAVBAR

Wanting to check something in the profile while being in the middle of the thread / status update feed? Having to scroll all the way up to access account menu? No more running all over the place, the navigation bar is always where it is needed, at the top of the page. It's following you like a loyal doggo.

StickyNavbars.thumb.png.9b2372a386818d8699fdb6067681e3e8.png

Not only that, but it's also filled with extra features to make everything nicer.

- Navigation buttons taking you to different places
- Rank Level and progress in form of an EXP Bar

e-note_blue.png.c6bd230ec43be0d9999952e51e1c7690.png NOTE
The "Favorites" menu can be customized at the beginning of the JS code.
Its configuration maybe isn't too user friendly at the moment,
but I plan to make an easy to use on-site configuration in the future.

 

 

3. POST LIST

A pretty handy overview of posts displayed on the page.

PostList.png.4f366e20e7bf26e109220d622b201a41.png

- Lists all posts on the page by authors
- Highlights the currently viewed post
- Click item on the list to "jump" to the post
- If there is more than one page, displays the current page and allows to switch them there as well

e-note_blue.png.c6bd230ec43be0d9999952e51e1c7690.png NOTE
At the moment there is a limited support for smaller displays
> If there won't be enough space horizontally, the list will shrink itself to profile pictures only and will snap to the right edge of the screen.
> There's no support for lack of vertical space however. List items may end up being outside the screen.

 

 

4. NOTIFICATIONS FROM UNREAD FOLLOWED FORUMS

If you have your favorite forum areas, where you like to read every single post, this might interest you.

Sure one can just normally follow the forums and threads, but this option is a little bit different.

I do follow Canterlot and opted in to receive notifications whenever new threads are created. Although, I did not opt in to receive notifications from every single post created in these, simply because that could flood my notifications, but I do want to know, that something new was posted there regardless.

So that's my solution

In the configuration, one can now specify which forums to follow by name, like this:

const FOLLOWED_FORUMS = ["MLP:FiM Canon Discussion", "Visual Fan Art", "Throne Room"];

And this, for example, will follow:

- "MLP:FiM Canon Discussion" forum (and therefore will keep notifying until all subforums are read as well)

2022-02-10_04-12-50.png.7cab0e5326d755286e262aa714dd2fd3.png

- "Visual Fan Art" subforum in particular

2022-02-10_04-13-25.png.b78df86d068f77843539b20eeae063c1.png

- and "Throne Room" forum as a whole

2022-02-10_04-13-55.png.be9b55ebc9b737bb6170faf8e75e52b0.png

Now, if any of your selected forums/subforums will have something you haven't read yet (basically be in bold on the homepage), these will be dumped into a new dedicated notification box of some sort:

UnreadContentButton.png.ea1a670e0aaf819233a70eee2c8170c2.png

Clicking entries will take you to these forums.

The only way to "remove" such notification is to go there and read all the unread content, or basically "mark forums as read". Otherwise it will keep popping out as long as there's unread content in the forums you follow.

e-note_blue.png.c6bd230ec43be0d9999952e51e1c7690.png NOTE
Due to technical limitations, this button appears and works ONLY ON THE HOME PAGE. If for mysterious reason it appears somewhere else too, it probably won't catch anything, because it needs the forum listing from the home page to work.

 

 

5. VISUAL MODIFICATIONS & PONIFICATIONS

Whenever a new notification pops out, it will be delivered by the best mail mare in Equestria!

 

DerpyNotif.png.91ef3d134ebfca21bc44000fe71fbf66.png

- Some other minor animated parts and the like here and there...

- User Ranks in topics are clickable just like they used to be years ago!

3oOVBSS.png.e1e218a8ab9d567326cf4fec5f0e There's also Celestia or Luna (*depending on theme) waiting for you somewhere, can you find them? mTzMRGZ.png.d04a95cb336e047d6c415f06e186

 

 

 

6. REACTION TWEAKS

BEFORE
ReactionsBefore.png.266f59a25633f2075ad3987175df52ef.png
- Impossible to tell if you have reacted to content in Status Updates or not, unless you picked something else than the brohoof

- Remove Reaction button is really tricky to reach, as you have to slide all the way without "falling off the track", which would wrap the list back

- Also have you noticed? For some reason you can remove reaction even if you didn't give any

 

AFTER
ReactionsAfter.png.843397e9e4fba0c09130a23eaf04061a.png

- Green round outline on content you have reacted to

- Remove Reaction button moved to easier-to-reach spot and it also looks better that way (IMO)

- Fixes a bug, showing Remove Reaction button only in content you reacted to

 

 

7. SHOW FULL STATUSES

The recent forum software update caused all statuses to be "truncated" by default, requiring you to click "read more" to view them in full glory.

Instead of nicely scrolling through statuses, now you have to snipe these "read more" buttons and OH BOY is it bugged!
2023-03-09_05-58-54.png

Anyway,
I asked for opinions and nobody seemed to like it, so here you have it, with this epic plugin statuses show fully as they used to.

 

 

// Installation & Requirements

My modifications are made via JavaScript and CSS code, so in order to install this, a way to inject such code is required for it to work.

There are various browser extensions, that allow to do such things, so I believe a search for these would yield plenty of results.

If I would be asked what I use:
Personally I use Chrome and an extension called "User JavaScript and CSS", an extension with a straightforward name, that perfectly describes what it does.
You can find it in the Chrome Web Store:
https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
 

My modifications were written in its editor and are confirmed to work there, but should be fine in any other extension of that type I believe.

The following instructions will be applying to the extension mentioned above, but the process should be pretty much the same in any other extension.

 

[STEP 1] Install the extension

[STEP 2] Go to its settings (should appear in the upper right corner)

2021-10-03_03-38-39.png.6cf6f1e57456f41a202a10696764e97c.png

[STEP 3] Add a new site you want to modify

2021-10-03_03-39-14.png.039eddec8f8a11a3238c9c946bd62b0c.png

[STEP 4] Apply my modification in these simple 5 steps (You can find the scripts below)

2022-01-03_01-46-08.png.537880d40cf866af9dae35d744bde7c5.png

[STEP 5] Save and done. It's plug&play, should instantly take effect.

♦ ←─────~◊~─────→ ♦

For FIREFOX users, an extension called "Man in the Middle" appears to be a compatible option.

[STEP 1] Install the browser extension.

[STEP 2] Once in the extension settings, add a new "Content Script"

  1. Give it any Name you want
  2. Paste JS code in the "Code (Required)" field
  3. Leave "Script type" as "JavaScript"
  4. In the "URL filters (Required)" field type MLP Forums' address, so that it triggers only on MLPF's domain
  5. Change "DOM event" to "Loading"

[STEP 3] Repeat for CSS, add a new "Content Script"

  1. Give it any Name you want
  2. Paste CSS code in the "Code (Required)" field
  3. Change "Script type" to "CSS"
  4. "URL filters (Required)" same as previously
  5. Change "DOM event" to "Loading" as well

[STEP 4] That's it, should work now. You can toggle each script individually by poking "Enabled" / "Disabled" slider, so you can add an another script for the other CSS and toggle themes, keeping only one enabled at a time.

 

// Scripts

e-warning.png.f1ad09bf63c3ab6e3629d69681f0db78.png *** INSTALL ONLY ONE CSS CODE ***
Choose whichever theme you prefer and copy&paste corresponding CSS code. Using both at once wouldn't be the end of the world, one will simply cover the other. If the extension you use allows you to toggle CSS scripts ON/OFF individually, you can paste different CSS individually and toggle them to use one at a time.

 

JAVASCRIPT CODE
MLPForums Plus v1.5.1 (JS).txt

 

CSS CODE (🌙 LUNA THEME)
MLPForums Plus v1.5.1 (CSS LUNA).txt

 

CSS CODE (☀ CELESTIA THEME)
MLPForums Plus v1.5.1 (CSS CELESTIA).txt

 

 

// Version History

Spoiler

// VERSION HISTORY

DD-MM-YYYY JS VERSION ● CSS VERSION 

UPDATE SCOPE - Update Title

*changelog*

 

* * * * *

// VERSION HISTORY

15-10-2023 JS VERSION 1.5.1CSS VERSION 1.5.1 

JS AND CSS UPDATE - Compatibility Patches

The forums had some changes in functionality, which affected some of the mod's features. There's also a new forum feature "Live Messenger", that required to be styled.

  • patched Post List to reload entries when switching the page in topics
  • fixed User NavBar colliding with announcements appearing on top of the page
  • added stylization for Live Messenger plugin

 

20-03-2023 JS VERSION 1.5CSS VERSION 1.5 

JS AND CSS UPDATE - Luna and Celestia Themes + Rank Level

- Theme overhaul, dark mode became Luna Theme and light mode became Celestia Theme

- Significant visual changes all over the place

- [NAVBAR] Removed "Forum Guidelines" button

- [NAVBAR] Added Rank Level and progress towards next rank in form of an EXP bar

- Reverts effect of the recent forum software upgrade, whereby status updates were truncated by default and required to click "read more" ... Well, "no more" of that thing, it's back to what it used to be prior to the forum upgrade, showing statuses in their full glory

- Added "Enhanced with MLPForums Plus plugin" line linking to plugin topic to footer.

- Toggleable console logs for debugging

- [BUGFIX] Fixed a bug, whereby "Unread Forums" function didn't cooperate with subforums. It wasn't catching them because the subforums on the homepage have these pips before them which affects their titles. I had that patched, but *this some unicode poop or sth* doesn't want to stay here in the forums' code block, so I had to take a different approach

 

09-04-2022 JS VERSION 1.4.1CSS VERSION 1.4.1 

JS AND CSS UPDATE - RP Characters Button and Followed Forums Test

- added a new button to the navigation bar, that takes users to the list of their roleplay characters

- added a test button in the followed forums menu to verify if specified followed forums are correctly configured

- react-button visuals (green outline) to reacted content in Status Updates have been added to topics as well, according to user feedback

 

10-02-2022 JS VERSION 1.4.0 ● CSS VERSION 1.3.1 

JS UPDATE - Notifications From Unread Followed Forums

- added a new button in the navigation bar, that notifies about unread content in the selected followed forums

- minor polishing to the JS code

 

03-01-2022 JS VERSION 1.2 ● CSS VERSION 1.3.1 

ADDED SECOND VERSION OF CSS CODE - Light Mode Now Available

If you are interested in my additions to the site's functionality, but are not a fan of the DARK MODE, now you can choose to install my mod and keep the default LIGHT MODE.

- users can now choose the theme they prefer

*** CSS scripts are identical. The only difference is the color styling *** Paste only one version ***

 

01-01-2022 JS VERSION 1.2 ● CSS VERSION 1.3.1 

CSS UPDATE - Reaction Display in Status Updates

- added visuals marking content you have reacted to in Status Updates

- added a total number of reactions next to reaction button in Status Updates

- moved un-react button

- fixed a forum software bug, whereby un-react button appeared even on contents users have not reacted to in Status Updates

 

01-01-2022 JS VERSION 1.2 ● CSS VERSION 1.3 

CSS UPDATE - Notification Popup Ponification

- added visual ponification to notification popup

- added some visual modifications to the "Messages" box in the navbar

- gave this modification an actual name "MLPForums Plus"

 

14-10-2021 JS VERSION 1.2CSS VERSION 1.2 

JAVASCRIPT AND CSS UPDATE - Clickable Ranks

- added clickable ranks to view list of them and their post requirements

- dark theme fixes/adjustments for Friends list

 

05-10-2021 JS VERSION 1.1.1CSS VERSION 1.1.1 

JAVASCRIPT AND CSS HOTFIX - Post List And Code Block Bugfixes

- fixed an oversight, whereby the first entry in the Post List was unclickable while in Site Questions.

- fixed an oversight, whereby the cursor color in the Code Editor was black, thus hardly visible on dark background.

 

05-10-2021 JS VERSION 1.1CSS VERSION 1.1 

JAVASCRIPT AND CSS UPDATE - Site Questions And Code Block Support

- added support for Q&A system in Site Questions

- added Dark Theme Support for Code Blocks

 

03-10-2021 JS VERSION 1.0CSS VERSION 1.0 

INITIAL RELEASE

 

* * * * *

 

 

 

// Reporting Bugs

I saw some users report issues with the dark themes they use, forgetting MLPF doesn't have a native dark theme, so let me say this:

If you'll be using these mods, please remember about that fact. If you'll ever encounter an issue with how the site is displayed (like wonky colors, unreadable font (black font on black bg etc.)), please TURN OFF the mod and try again before reporting issues to the staff. Chances are, that some of my changes might be incompatible with the site itself, especially when the forums will be upgraded to newer versions. I may be having to adjust things as the forum software develops.

You can easily switch the mod OFF and ON in the handy menu in the upper right corner, if you'd happen to use the extension I use at least:

2022-01-03_01-36-10.png.e06a2f8654cf62ec985a6d6b14d2f609.png

(Yes, you can install both if you wish so. Add one rule with JS&CSS (LIGHT) and another with JS&CSS (DARK) to have it displayed like this)

 

Should an issue with the mod arise, I guess it's best to report it here and tag me and only me alright. :darling: Blame me, don't bother other staffers when they have nothing to do with it, okay? :P Don't tell anyone you're using these hacks e-eyeswoke.png.e442d218a54e0bafe7357923034d3b77.png

 

Troubles? Questions? Ask away! :BrightMacContent:

e-twibigbrain.png

Edited by Rikifive
1.5.1 update
  • Brohoof 9
Link to comment
Share on other sites

6 hours ago, Starforce said:

Oh wow, it works! I am going to use this forever! 

I was thinking this might interest you. :BrightMacContent:

I hope it will serve you well! :darling:

5 hours ago, Pandora said:

That’s really cool!

well done riki and thank you! 

Thank you, I appreciate that! R2zWBpB.png

5 hours ago, Astral Soul said:

Amazing!

Thank you for all of your hard work :>

That couldn't be achieved without the aid of tea. :darling:

5 hours ago, cuteycindyhoney said:

This is way over my head!

:blink:

mindblowing I know :mlp_nom: jk

  • Brohoof 1
Link to comment
Share on other sites

  • The title was changed to MLP FORUMS MODS! (Dark Theme And Stuff)

// UPDATE


JS - v1.0 ==> v1.1
CSS - v1.0 ==> v1.1

 

 

// What's New

 

1

A new Question-And-Answer system has been implemented in Site Questions, which wasn't supported by the Post List.

There was a problem, whereby the opening post wasn't displayed in the post list, but only the further replies. The reason was, that the opening post is displayed a bit differently there, and therefore wasn't caught by the Post List. The issue has been resolved and all posts, including the opening question should be displayed properly now.

In addition to that, the Post List also marks the solution on the list:

2021-10-05_04-51-32.thumb.png.24def64767b2e5eea8707f265805386c.png

 

2

Added Dark Theme Support for Code Blocks.

Code Block Previously:

2021-10-05_05-00-36.png.562436e580cd281e16d452e1cd6b09fd.png

Code Block Updated:

2021-10-05_05-01-42.png.fe673161b00a8f5efa833f8e9a1268c2.png

Code Editor Previously:

2021-10-05_05-01-01.thumb.png.b5178ed69e23430e35bd411a863bad43.png

Code Editor Updated:

2021-10-05_05-01-53.thumb.png.62bacfd61c6cb00696265c39349d059c.png

 

BUG FIXES

- I accidentally left a duplicate line for marking the entries in the Post List as moderated; the unnecessary line of code has been removed.

 

 

// How To Update

I updated the codes in the main post, please replace the old codes (both JS and CSS) with the new ones entirely, as if you'd be installing them for the first time.

YOU CAN KEEP THE FAVORITES CONFIGURATION - If you have customized your favorite tab in the navbar, save your settings somewhere aside, update the code, and then copy your configuration back to the new version. Or you can simply update only the code past the configuration, choose whatever is less confusing for you. :P 

 

Remember to report issues here if you'll ever bump into something odd,
THANK YOU! :BrightMacContent:

Link to comment
Share on other sites

@Starforce Was it like this prior to the update as well?

Unless I'm overlooking something, it must be because the user who posted this had to change the font color to black, instead of leaving it default (called "automatic" in the color panel). Sadly this is what happens when there are both, light and dark themes in play on boards like this. If you'll copy something from another post, it will also copy background color and font color, so members using default light theme may be dropping flashbangs, whereas members using dark themes will be dropping dark boxes.

I changed the default font color to be bright, so here, you can normally read what I write, unless I'd change the font color to dark in the text editor. The view is different for those with bright themes - so for example, if they'll aim to make their font a lil bit brighter/lighter on white background, it will have a very different effect for those with the dark theme. If one changes color with the editor, the selected color isn't overwritten by my dark theme.

Not much I can do about this I'm afraid, people just shouldn't change font color to black if it's already black by default, heh.

I recall you were using a dedicated extension for forcing sites to be dark - did something like this happen there as well?

  • Brohoof 1
Link to comment
Share on other sites

@Rikifive

For your knowledge I use the OperaGX browser. It didn't look like that on the dark mode. I will show you what it would look like for me normally. It's not an extension I would use, but a built in feature of the browser. I see what you mean.

unknown.png?width=1326&height=675

unknown.png?width=974&height=676

  • Brohoof 1
Link to comment
Share on other sites

(edited)

@Starforce Hmm I checked the post you've mentioned, and it does have color overwrites all over the place
2021-10-05_06-36-42.png.a98d69c397b629fec355b0063173c839.png

That suggests, that the entire post was probably copied from somewhere else. When copying stuff like this, it's best to paste it without formatting (ctrl+shift+V) or turn it into plain text as proposed by the text editor at the bottom. It's the same as when there are dark blocks with bright font when copying messages from Discord (chatting software) - it actually copies its background and font color too, making it appear a bit odd on forum's default theme, for example.

... The font itself in that post is set to be dark, so this is expected behavior in my implementation of the dark theme. It's just like if I set the font color to black (word "black" should appear black) manually now. I only inverted the default font from black to white, haven't added any fancy filters.

Hmm.. that makes me wonder what did they put in their opera browser... :mlp_ooh:

 

---

By an occasion, I've noticed few minor issues and fixed them; updated the main post.. (yeah it's super late for me, i was kinda rushing hence these overlooks)

(to give an example, I'll also just copy&paste text from the default mlpf's bright theme, so there should be white bars with dark text, on my dark theme at least)

JAVASCRIPT AND CSS HOTFIX

- fixed an oversight, whereby the first entry in the Post List was unclickable while in Site Questions.

- fixed an oversight, whereby the cursor color in the Code Editor was black, thus hardly visible on dark background.

yup:

Spoiler

2021-10-05_06-57-41.png.b7e570c09f6ec2d7541c5be9a2a6c232.png

 

Now I need to go to sleep. :P 

Edited by Rikifive
  • Brohoof 1
Link to comment
Share on other sites

@Rikifive

Ah interesting. Seems to be the case as in that post. I figured I'd bring it up since I know the user who made that thread personally and I was showing him the modifications you have posted here and he remarked upon it so I wanted to get an answer as per that. 

Is this bar up here supposed to be a dark brown color? It seems a bit out of place in coloration.

unknown.png

  • Brohoof 1
Link to comment
Share on other sites

@Starforce Yeah, since Opera filters the colors automatically for all sites, I believe they added bunch of fancier code to make it more versatile and compatible with as many sites as possible. I actually wonder what's their approach for that - since the font itself is actually set to be dark, does it detect, that its color values are low and defaults it to white?

Like, look at this part with white background:

2021-10-05_07-26-33.png.9b62c116853aaf22bc228fe2393fb20b.png

It's actually there in the formatting-

2021-10-05_07-26-40.png.4f82324775f9e1a1ecd7a4a6247e3765.png

- that part itself is formatted like this and will look like this in the default mlpf theme as well (although there no one will notice, as it will be the same as that theme's environment)

So Opera adjusts both, font color and background color. I wonder to what degree it respects the poster's design choices. Will it convert different shades of dark gray to just white? Will it remove background color if it will be anything near white? That would be a reasonable design for something, that is expected to automatically work on all sites. That's pretty interesting. I wonder if just toying in the text editor would already make things visible - like, if trying to choose dark gray would default to white anyway. Inspecting the code would probably answer these questions, but I don't use Opera.

 

I didn't want to put too much science behind this, so I just modified how the forums look by default, with full respect towards how the post themselves are formatted. I believe, that if the forums would natively offer a dark theme, there would be the same issues as with mine, as it just often happens on message boards. Sometimes users make posts with such odd formatting, and it just comes from one place or another, without them realizing that.

 

The post could be fixed by highlighting the dark font and setting its color to default (Automatic) - then the theme would pick the suitable color on its own, just like you can easily read my post now.

 

 

Regarding the toolbar- no, it should be brighter, like shown in the opening post.

2021-10-05_07-43-32.thumb.png.094f9c369061935fe4203efd2d9b432e.png

 

Hmm interesting - could it be, that Opera sees it as a bright color and inverts it to dark? :ooh:

  • Brohoof 1
Link to comment
Share on other sites

@Rikifive

If anything at the very least it gives you something to think about. I don't know much about this sort of thing so I can only comment on so much from what you say. Thank you for looking into it. I had the dark mode forced, so I changed that setting and it looks as seen in your post. 

  • Brohoof 1
Link to comment
Share on other sites

@Starforce Ooooh! So it actually may work the way I think it does! My toolbar does use colors close to white (top part being #fed, the line with character counter actually being white #fff but with opacity set to 0.5) - The color values are so high, that Opera inverted it into a dark background, which is expected given its purpose.

So yeah, Opera goes a step further and actively manipulates colors. Everything close to dark or close to bright is switched over. That's good for browsing content in general, but may yield inaccurate results depending on how people design their contents.

Still pretty interesting thing to know. I expected it to work that way, but now I know it actually does. :BrightMacContent:

In any case, unreadable posts in my theme isn't really a bug to fix - it's just how post themselves are formatted. It's just like people commonly post "invisible text" by setting font color to white on white background - the poster is to blame, not theme, although switching to dark theme will reveal the sneaky part. :mlp_icwudt:  That's a common issue on message boards, where contents can have their colors modified. If colors wouldn't be allowed to change on forums, there wouldn't be any problems, as the color would be always defaulted. Guess that's why most of the services allow to type in plain text only for maximum compatibility. No fancy fonts, no coloring - nothing to break, in any theme.

Link to comment
Share on other sites

@Rikifive

Glad I could be of help and help you confirm something when it comes to the work you do here on the forums. Do you have any ideas or plans for what you will be adding to the future of this? Maybe you could make a few different dark themes for people to choose from.

  • Brohoof 1
Link to comment
Share on other sites

(edited)

@Starforce Yup, thanks for giving it a try and notifying me about things! :mlp_yeehaa:

At the moment I don't have any ideas, nor plans, as to be honest, these three things are what I wanted the most, especially the sticky navigation bar at the top. Buuuuut perhaps in the future I might have bump into something I'd think would be nice to have. Time will tell I suppose.

Designing multiple themes surely could be a thing, although I'm not really sure if that would be necessary. :P 

...but imagine luna theme, for example  e-eyeswoke.png.e442d218a54e0bafe7357923034d3b77.png

2021-10-05_08-28-02.thumb.png.98a2723e9f30e0b939a29fab790d3ba8.png

(just a random example; i do not own the art, nor anything; the author isn't listed on the page I grabbed the "wallpaper" from, so hard to even give a credit..)

I mean, adjusting colors would totally be doable, but I was thinking, that pink will be suitable, given it's all about ponies after all.

Edited by Rikifive
Link to comment
Share on other sites

// UPDATE


JS - v1.2.0
CSS - v1.2.0

 

 

// What's New

 

1

Do you remember how one could click rank images in posts to bring up a handy list of ranks and their post requirements? One of the forum software updates removed such possibility at some point.

I think it was pretty convenient, so I made these clickable again. I hooked the FAQ answer about ranks to these, so clicking them will show that FAQ in a popup, without redirecting you anywhere, so that you can quickly take a look without leaving the thread.

2021-10-14_03-56-29.png.e01567fac52615b14e919c4536cf1743.png

2021-10-14_03-57-02.thumb.png.8ef10b882e06a51629312e0a09f267eb.png

 

 

 

BUG FIXES

- Friends Plugin Compatibility Patch: Adjusted Input Box's background color from white to dark, so that you can now see what you're typing there.

2021-10-14_04-13-53.png.d40de04561f5d38273c9416df1ac6ea8.png

 

- Friends Plugin Compatibility Patch: I think there's something wrong with the Friend list, because when you're on a user's profile page, the CSS styles for the tabs (Friends / Requests received / Requests sent) are applied twice for some reason. It's all fine everywhere else, it's just broken on profile pages from what I've noticed. It's not my fault and it's something you won't notice on the default MLPF's bright theme, but it was effectively overwriting my adjustment to the selected tab, so it literally was like this: "DEFAULT LIGHT -> MY DARK THEME ADJUSTMENTS -> DEFAULT LIGHT AGAIN". The selected tab was properly dark everywhere, but bright and unreadable on profile pages. I made my CSS rule a bit more specific, so that it stays on top.. of the double white color, because apparently a single white is not white enough. e-twiwth.png.5878ad773cfe0efaf9dc8dc75763160a.png

 

 

// How To Update

I updated the codes in the main post, please replace the old codes (both JS and CSS) with the new ones entirely, as if you'd be installing them for the first time.

YOU CAN KEEP THE FAVORITES CONFIGURATION - If you have customized your favorite tab in the navbar, save your settings somewhere aside, update the code, and then copy your configuration back to the new version. Or you can simply update only the code past the configuration (and the version number at the beginning for your own reference), choose whatever is less confusing for you. :P 

 

Remember to report issues here if you'll ever bump into something odd,
THANK YOU! :BrightMacContent:

  • Brohoof 1
Link to comment
Share on other sites

3 minutes ago, Sparklefan1234 said:

@Rikifive This sounds WAY too complicated for me to figure out. Couldn't you just add a light switch option in the navigation bar? :)

Uh, what I posted here is a standalone modification, which has nothing to do with MLPF itself. It's nothing official. :darling:

I'm not toying with the actual site's code, not sure if anyone would want me to, so I'm leaving it alone. Therefore, I can't just make stuff appear for everyone and call it "official". It's just a third party mod of mine, so to speak. :P 

 

In any case, if something is unclear, I'll be happy to answer any questions. c:

  • Brohoof 1
Link to comment
Share on other sites

2 minutes ago, Rikifive said:

Thank you! Glad you're finding this stuff useful. :P

Even if not many would use it, I most certainly do! Took some getting used to, but it is now something that I am fully immersed in.

Link to comment
Share on other sites

  • The title was changed to MLPForums Plus - A Site Mod For Quality Of Life Improvements
(edited)

// UPDATE


JS - v1.2.0
CSS - v1.3.0 (NEW!)

This happened for the first time now, so let me point this out:
This time ONLY CSS code got updated, so you don't have to touch your JS code.

 

// What's New

 

1 - Notification Popup Ponification

Whenever a new notification pops out, it will be delivered by the best mail mare in Equestria!

2021-12-31_19-04-36.png.5f9f8f0338eadae36d4a4649f6b797bd.png

 

 

 

2 - Visual Addition

The "Messages" box in the navbar has now an animated background

2022-01-01_02-50-54.gif.2f48e52959444af6b8ff618eda0ad75a.gif

(don't worry, it's just the gif that doesn't loop seamlessly)

 

 

3 - Actual Name?

Previously this whole "mod" thing didn't have an actual name, now it has, I guess. As of this update, it is named "MLPForums Plus" Mod.

 

 

 

Remember to report issues here if you'll ever bump into something odd,
THANK YOU! :BrightMacContent:

Edited by Rikifive
  • Brohoof 1
Link to comment
Share on other sites

  • The title was changed to MLPForums Plus - A Site Mod For Quality Of Life Improvements (v1.5.1)
  • The title was changed to MLPForums Plus - A Site Mod For Quality Of Life Improvements (v1.4.1)

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Join the herd!

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...