[drifting.dev] Blank XenForo (UI/UX Design Tool)

xF2 Add-on [drifting.dev] Blank XenForo (UI/UX Design Tool) 1.0.0

No permission to download
Compatible XF Versions
  1. 2.1
  2. 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!
  • [drifting.dev] Blank XenForo (Black on White) 10.png
    [drifting.dev] Blank XenForo (Black on White) 10.png
    165.4 KB · Views: 116
  • [drifting.dev] Blank XenForo (Black on White) 04.png
    [drifting.dev] Blank XenForo (Black on White) 04.png
    159 KB · Views: 116
  • [drifting.dev] Blank XenForo (Black on White) 14.png
    [drifting.dev] Blank XenForo (Black on White) 14.png
    163 KB · Views: 112
  • [drifting.dev] Blank XenForo (Black on White) 13.png
    [drifting.dev] Blank XenForo (Black on White) 13.png
    233.1 KB · Views: 119
  • [drifting.dev] Blank XenForo (Black on White) 12.png
    [drifting.dev] Blank XenForo (Black on White) 12.png
    118.5 KB · Views: 111
  • [drifting.dev] Blank XenForo (Black on White) 11.png
    [drifting.dev] Blank XenForo (Black on White) 11.png
    244 KB · Views: 110
  • [drifting.dev] Blank XenForo (Black on White) 09.png
    [drifting.dev] Blank XenForo (Black on White) 09.png
    220.7 KB · Views: 112
  • [drifting.dev] Blank XenForo (Black on White) 08.png
    [drifting.dev] Blank XenForo (Black on White) 08.png
    114.6 KB · Views: 108
  • [drifting.dev] Blank XenForo (Black on White) 07.png
    [drifting.dev] Blank XenForo (Black on White) 07.png
    108.9 KB · Views: 109
  • [drifting.dev] Blank XenForo (Black on White) 06.png
    [drifting.dev] Blank XenForo (Black on White) 06.png
    134.3 KB · Views: 118
  • [drifting.dev] Blank XenForo (Black on White) 05.png
    [drifting.dev] Blank XenForo (Black on White) 05.png
    114.2 KB · Views: 124
  • [drifting.dev] Blank XenForo (Black on White) 03.png
    [drifting.dev] Blank XenForo (Black on White) 03.png
    126.6 KB · Views: 107
  • [drifting.dev] Blank XenForo (Black on White) 02.png
    [drifting.dev] Blank XenForo (Black on White) 02.png
    129.5 KB · Views: 110
  • [drifting.dev] Blank XenForo (Black on White) 01.png
    [drifting.dev] Blank XenForo (Black on White) 01.png
    108.7 KB · Views: 117
Author
Admin
Size
8.5 KB
Extension
zip
Downloads
6
Views
1,553
First release
Last update

More resources from Admin

Similar resources

[BS] GitHub Dev Tools Admin
Facilitates the publication of add-ons on the GitHub.
731Threads
2,287Messages
63,969Members
aridoshiLatest member
Back