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
2.2
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!
FateKid
Author FateKid
Level
11
5,910 pts
1.0.0 Version
0 Downloads
356 Views
Published
Updated
0.00 star(s) 0 ratings Average Rating (0)

More files from FateKid

Stylize Your XenForo 2 Community

XenForo UI/UX Design Tool || Alt⟨div⟩ provides ultimate theme engine to your XenForo 2 community website! Enjoy powerful customization options that make your unique against others. Combine this XenForo style with XenForo 2 add-ons from our site to create something truly unique!

Why Download Our XenForo 2 Styles?

  • Easily enhance the look and feel of your XenForo online community.
  • Expand your XenForo 2 user options with lots of unique modifications.
  • Create unbelieveable user-experiences with advanced features.

Explore Other Resources

Are you looking for something different? Explore our thousands of unique and special XenForo 2 styles, available to download right now. FateKid shared this wonderful resource to you for free, so remember to share your appreciation by liking the resource and reviewing it.

Get started today and make your next project truly unique.

Top Bottom