XenForo UI/UX Design Tool || Alt⟨div⟩

XF2 Styles XenForo UI/UX Design Tool || Alt⟨div⟩ 1.0.0
A useful tool for familiarizing yourself with style properties

Compatible versions
This unusual style is ready to be your friend if you give it a chance. ?

[drifting.dev] Blank XenForo (Black on White) 04.png[drifting.dev] Blank XenForo (Black on White) 10.png

Blank XenForo is a tool I use to experiment with XenForo's Style Properties system. As cool as it would be, it's not intended to be a style used on your live forum. The purpose of this masterpiece is to help you quickly identify what each Style Property in the Admin Control Panel will target on the frontend.

Every default XenForo Style Property with a color input box has been changed to rgb(0, 0, 0) (black) for text and icons, and rgb(255, 255, 255) (white) for backgrounds. In some child properties that don't cause errors, the color values have been removed completely to achieve the same result more efficiently.

Borders are set to 0px to hide them but if you revert those sizes you will see black borders.

Now, I know what you're thinking... Why and how should you use this?

Personally, I find it helpful in two ways:

1. You can easily find what a Style Property targets by changing the color to red (or your favorite color) and then hop over to another tab with your forum's frontend pages to identify what actually changed to red (or your favorite color). After you find it you can customize all of its CSS with the comfort of knowing what your code is breaking styling! Note: Alternatively you can revert the whole group of properties to see how they work together.

2. Maybe you're focused on UX more than UI and write a lot of custom code in the Templates to significantly change the structure of the default XenForo layout (i.e. experimenting with XenForo not looking like a classic forum).
When I'm doing that, sometimes I find it easier to focus on UX when the page feels like it doesn't have CSS yet, kind of like writing an HTML static website from scratch. It can be handy to change things around with the black and white page and focus on making it look shiny later on.

Permission & Payment

It took longer than you'd think to modify all of those fields so I was going to charge a $100 monthly subscription for this bad boy. But I've decided to put it up for free. ?

Now what?

Get a ?or caffeine and show me some wild looking websites that are really just XenForo and the classic forum layout having an identity crisis!
Author FateKid
1.0.0 Version
0.00 star(s) 0 ratings Average Rating (0)
Last Update

More files from FateKid

Similar resources

AC.UI Theme | ACE for XenForo FateKid
ACE for XenForo is our answer to what is the most ideal interface and experience for a community.
0.00 star(s) 0 ratings
SleekForums | Premium XenForo Template FateKid
SleekForums is a high quality theme created for XenForo.
0.00 star(s) 0 ratings
XenForo Archive Mode || Alternadiv FateKid
A customizable, lightweight archive mode for XenForo
0.00 star(s) 0 ratings
Top Bottom