"

Most posts

    • You MUST read  Myiptvforum Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.
    • The ONLY language allowed in this forum is ENGLISH and it should be used in ALL POSTS.

    • If you use a proxy server or a VPN for registration or login, your account could be directly banned. The reason is that you may register or login via an IP address that was used by a Members which was banned in the past. The same applies if different users use one device (PC, laptop, smartphone), this will also leads to a ban!
    • If you are banned for using a VPN Contact us by open ticket
    • All new Registrations will be manually approved Please do not use VPN or you will automatically get banned!
Resource icon

xF2 Add-on in Credit Blank XenForo (UI/UX Design Tool) 1.0.0 1.0.0

xF2 Add-on
< Previous | Next >
2a0b1d86317a3.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
  • d287066eefcc7.png
    d287066eefcc7.png
    150.8 KB · Views: 2
  • 577b579184096.png
    577b579184096.png
    130.1 KB · Views: 3
  • b9f3c8522c7d5.png
    b9f3c8522c7d5.png
    172 KB · Views: 3
  • ed11711890ea4.png
    ed11711890ea4.png
    142.8 KB · Views: 3

Similar resources

Top