[Path Of Exile Forums] - Cleaner & Better Readability 1.34

Path Of Exile Forums - Cleaner And Better Readability

1.0 / 19.7.2018 - Initial release
1.1 / 20.7.2018 - Fixed avatar and profile box width for long character names
1.2 / 20.7.2018 - Tweaked private messages section
1.3 / 22.7.2018 - Fixed "profile name" and "credits" for long values
1.31 / 6.8.2018 - Slight fix with header height making navigation buttons more accessible
1.32 / 15.8.2018 - Fixed private messages list height
1.33 / 16.8.2018 - Added setup guide to extended skin with extra functions
1.34 / 16.8.2018 - Extended skin with extra functions has now functional dropdown menus and tooltips

This is initial release of forum skin that increases readability and cleans page to more minimalist look. Highlight color can be selected from skin settings and more options are coming later.

Features

- Adds slight highlights to increase contrast between different contents
- Better font style and color for reading
- Adds more interactions to page
- More minimalist page by cleaning some unneeded content
- easily customizable highlight color
- Once installed has automatic updates
- Super easy to install

How to setup (just skin)
Spoiler

Installation

1. Install "Stylus" extension

1.1 For Chrome
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en
1.2 For Firefox
https://addons.mozilla.org/en-US/firefox/addon/styl-us/?src=search

2. Install "Path Of Exile - Cleaner And Better Readability" skin into Stylus
https://userstyles.org/styles/162666/path-of-exile-cleaner-and-better-readability

3. (Optional) Customize highlight color from skins settings
https://userstyles.org/styles/162666/path-of-exile-cleaner-and-better-readability

4. Skin will update automatically in the future once you have installed it

5. Enjoy the skin :)

How to setup (skin with extra functions)
Spoiler

Installation

1. Install "Tampermonkey" extension

1.1 For Chrome
https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en
1.2 For Firefox
https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/

2. Install "Path of Exile - Base CSS" Script
https://greasyfork.org/en/scripts/371220-path-of-exile-base-css
This adds same visual style as "Stylish", so you don't need to use original extension if you dont want to.

3. Install "Path of Exile - SCRIPTS" Script
https://greasyfork.org/en/scripts/371222-path-of-exile-scripts
This adds functional link buttons to the page. Please notice that it works correctly only if you are applying CSS style either by Stylish or "Path of Exile - Base CSS" Script

4. Scripts will update automatically in the future once you have installed it

5. Enjoy the skin and functions :)





Forum view


Comparison
Spoiler





Spoiler view


Comparison
Spoiler





Private message view


Comparison
Spoiler





Shop view




Customizable Highlight color



All feedback, ideas and code is welcome. Thank you for your time! :)
[3.12] Flame Golem 101 - Complete Guide To Golemancy, All Bosses Down, Necro, Elementalist
https://tinyurl.com/y8k9fa2f
Last edited by mika2salo on Aug 16, 2018, 5:46:43 PM
Last bumped on Aug 16, 2018, 2:08:41 PM
Looks interesting!
Web DeveloperView our Developer Docs
sweet!
i didnt even know i needed that before saw it :D

great job, exile!
Unknown rule type: SetFondSize
Had to look at this more precisely and it's really cool!

The comparisons really help, didnt see These Spoiler Buttons first.
I use firefox

T_T
Dys an sohm
Rohs an kyn
Sahl djahs afah
Mah morn narr
Hey and thanks for interest! ^^

I'm starting UI designer and spend lots of time answering posts in my own guide thread. When there is about 6-8 quotes in single post and I have to write 4-6 replies, it is pretty hard to figure out where one quote starts and other ends when all post is single grey mass. So I created the skin to increase contrast and readability of the forums.

Stylus is wonderful plugin as it provides chance to add users own settings to the skins, so I'm planning to increase number of customization settings in the future. I'll keep changes to the forums subtle and wont go too wild with colors. I'm planning to slowly add little touches for each section of the forums that could use them.

All feedback is highly appreciated as it helps me to hunt for bugs and improve the skin faster.

I made the spoilers easier to notice, thanks for the tip ;)

"
I use firefox

T_T


Just noticed that Firefox also supports Stylus!

I added info to setup how to install it for Firefox. Thanks for pointing different browser out!
[3.12] Flame Golem 101 - Complete Guide To Golemancy, All Bosses Down, Necro, Elementalist
https://tinyurl.com/y8k9fa2f
Last edited by mika2salo on Jul 20, 2018, 5:11:25 AM
Do you really think that it looks better?
[Removed by Support]
Last edited by TauOrigin on Jul 20, 2018, 5:28:50 AM
* SHOCK * What?... not banned because "wasn't invented here." Wow, is GGG etiquette police going soft? (Sorry)  :)

But that looks seriously good.
"You've got to grind, grind, grind at that grindstone..."
Necessity may be the mother of invention, but poor QoP in PoE is the father of frustration.

The perfect solution to fix Trade Chat:
www.pathofexile.com/forum/view-thread/2247070
Just installed it and WOW! Stylus is very nice. Works with Vivaldi browser too (Chrome engine).

Another example of super great thinking outside of GGG.
"You've got to grind, grind, grind at that grindstone..."
Necessity may be the mother of invention, but poor QoP in PoE is the father of frustration.

The perfect solution to fix Trade Chat:
www.pathofexile.com/forum/view-thread/2247070
"
TauOrigin wrote:
Do you really think that it looks better?


Played with it some. You can adjust the colors within the extension. It looks quite nice.

Report Forum Post

Report Account:

Report Type

Additional Info