Modify the DevForum Experience to Your Specific Wants/Needs
About
DevForums Modified is a User Style that allows users to customize various aspects of the DevFourms website, enabling you to personalize the website according to your preferences. This grants suers greater control over their browsing experience, allowing them to adapt the website’s apperance and functionality to better suit their needs and preferences.
This extension (for the most part) works with DevForum Condensed.
About Modified Mobile
DevFourm Modified Mobile is another version of DevForum Modified that brings the same user control on DevForum Modified to the “Mobile View”/Mobile Experience. If you’re viewing the DevForum on mobile and have a mobile browser that accepts the use of extensions, it’s recommended to use this over the main DevForum Modified Style as I cannot guarantee that things will appear/work as intended (as DevForum Modified is specifically tailored to the Desktop View.)
Variables
Variables are the Centre of this Extension. With the variables, you can change various aspects of the website to suit your preferences. Below includes all information you need to know how to access/change variables along with what they change!
📱: Works on DevForum Modified Mobile
💻: Works on DevForum Modified
| Variable Name | States | What it Does |
|---|---|---|
Topic Action Alignment 📱 💻
|
Default Right Left |
Default: Keeps Buttons at Default Positions Right: Forces all Buttons to the Right Left: Forces all Buttons to the Left |
Font Size 📱 💻
|
Default: 15 Minimum: 0 Maximum: 30 |
Changes the Font Size |
Heading Font Type 📱 💻
|
Default: Arial | Changes the Font of All Heading Text |
Font Type 📱 💻
|
Default: Arial | Changes the Font of All Non-Heading Text |
Show Avatar Icons 📱 💻
|
0 1 |
0: Removes all Avatar Icons Exeptions With on Header to Access Menu 1: Default, changes nothing |
Wide Post 💻
|
0 1 |
0: Does nothing 1: Stretches Page Contents Across Entire Width |
Resize Videos 💻
|
0 1 |
0: Does nothing 1: Resizes Videos; Recommended to compensate for the size expansion when using Wide Post |
Show Post Edits Icon 📱 💻
|
0 1 |
0: If a Post has Been Edited, the Pencil Icon Will Appear on the Top Right 1: The Icon Will Not Appear |
Spoiler Blur 💻
|
0 1 |
0: If contents of a Post have been Spoilered, they will only be revealed once clicked/tapped 1: Will auto-reveal all Spoilers[^1] |
Menu Width 💻
|
Default: 320 Minimum: 320 Maximum: 600 |
Changes the Width of the Menu Popup |
Footer 📱 💻
|
Default RemoveRecommended RemoveExternalLinks RemoveBoth |
Default: Does Nothing RemoveRecommended: Removes the Recommended Topics Under Topic Pages RemoveExternalLinks: Removes the Roblox External Links Under All Pages RemoveBoth: Removes Both |
Remove Above Footer Spacing 📱
|
0 1 |
0: Does Nothing 1: Removes the Spacing the Page Adds Between the Footer and Contents Above |
Topic Slider 💻 📱
|
0 1 |
0: Does Nothing 1: Removes the Topic Progress Bar/Slide from Topic Pages |
Remove Spacing 📱[^3] |
0 1 |
0: Does Nothing 1: Removes the Margins and Padding from Elements, making the page more condensed |
Category Information 💻 📱Read Notes
|
Default RemoveDescriptions RemoveSubcategoryListings RemoveBoth |
Default: Does Nothing RemoveDescriptions: Removes the Descriptions from (Sub)Category Listings RemoveSubcategoryListings: Removes the Subcategory Listings on Category Listings[^2] RemoveBoth: Remove Both |
Category Topic Information 💻 📱Read Notes
|
Default RemoveLatest RemoveTopics RemoveBoth |
Default: Does Nothing RemoveLatest: Removes the Latest Section From the Category Listings RemoveTopics: Removes the Topics Section From the Category Listing[^2] RemoveBoth: Removes Both |
Topic Information 💻
|
Default RemoveOriginalFrequentPosters RemoveRepliesViewsAndActivity RemoveBoth |
Default: Does Nothing RemoveOriginalFrequentPosters: Removes the Frequent/Original Posters Section from Topic List[^4] RemoveRepliesViewsAndActivity: Removes the Replies, Views and Activity Section from Topic List |
Topic Tags 💻
|
Default RemoveNonSubcategoryTags RemoveCategoryTags RemoveBoth |
Default: Does Nothing RemoveNonSubcategoryTags: Removes any non (Sub)Category tags from Topic List RemoveCategoryTags: Removes (Sub)Category Tags from Topic List RemoveBoth: Removes Both |
[BETA] Theme Type 💻
|
Default: 0 | Changes the Theme to Custom Designed Ones, Subject to Change |
[^1]: Note it will act as if there was never any spoilers to begin with, so its not possible to unreveal spoilers when this option is enabled.
[^2]: On DevForum Modified Mobile this option is split into Remove Subcategory Listings and Remove Category Topic Stats though will produce similar results.
[^3]: If you’re looking for a version of this for the Desktop View, use the seperate DevForum Condensed Theme
[^4]: Note as the Frequent/Original Poster Section Relies on User Avatars being shown, if Show Avatar Icons is disabled, the Frequent/Original Poster Section will be Disabled Regardless of this Options Setting.
Installation
Installing Stylus
Install the Stylus extension for Firefox or Chrome/Chromium Based Browsers. Similar extensions may work as well, but I am not putting any guarantee that they will work (in some or any capacity), so I’d recommend just sticking with Stylus. For mobile users, you’ll have to use a browser like Kiwi Browser, Lemur Browser or any mobile browser that supports the usage of web extensions.
Installing through UserStyles.World
Both DevForum Modified and DevForum Modified Mobile can be found through UserStyles.World. To install through this method, click either one of the links to which you’ll be transported to the UserStyles website. Once here, scroll down until you see an “Install” button on, click/tap that. This’ll open up Stylus in a new tab, during this process, if you already know which Variables you want to change you’ll be able to do such here, once you’re ready click “Install Style”
Installing from the .user.css
The User Styles .css are also available through the GitHub Repo.
- Go here to the releases section. (note that there wont initially be any releases here)
- Find the Latest Update, Mobile Updates will be Noted by the
Mtag while Desktop Updates will be noted by theDtag before the version number (ex:MV1.0DV1.0) - Install the .css File for Whichever Version You’re Using
- Open Up the Stylus Extension and Navigate to the Manage Section of the Extension
- Create a new Style
- Drag and Drop the File Over the Window or Open the File, Select Everything and Paste it In.
Anyways I’m gonna step back for a few, I’m gonna go insane if I stare at the Stylus Editor and Inspect Element Tool any Longer