1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.0 Playing With Color

Discussion in 'Have You Seen...?' started by Kier, Sep 17, 2010.

  1. Poltergeist

    Poltergeist Active Member

    Very cool. Looking forward to learning xenForo when I'm setting it up on one of my sites.
  2. ---MAD---

    ---MAD--- Well-Known Member

    Amazing work!
    AmericanForum.com likes this.
  3. feldon30

    feldon30 Well-Known Member

    XenForo have once again completely leapfrogged the competition.

    Color customization in vBulletin started out simply in 2.0 series (and presumably 1.0?) with a color control panel. We could change the color of all elements. It made sense because it was about 40 colors. vBulletin 3 went the route of a large color/style sheet where we could change every color independently. This increased the number of color swatches exposed to the user to nearly 150. vBulletin 4 should have been when someone said "whoa! we need to do something different". Instead, they headed down the same road, implementing nearly 400 stylevars/color parameters.

    Kier obviously realized that each forum has a color palette of about 15-20 colors which are reused throughout. Most forum admins will never need the ability to independently change 150 or 400 colors. But, that functionality is always available to them by simply breaking the inheritance and modifying the CSS directly.

    Also, the ability to shift the hues of an entire style, or one sub-palette of a style is absolutely genius. In the past, I've taken a screen shot of a style, dragged it into Photoshop, and used color replace until my eyes bled to try to get a new style that looks good. And I've made use of websites that help you pick 3-4 complementary colors. You've replaced all that work with a slider.

    I was wondering when I watched the Style Inheritance video how you would indicate that a property has been customized in this style. In the past it's been either red text, or a thick border, and our only option has been to Revert an entire section of colors or other CSS properties. Here, you pick the colors/elements to revert, and click go. Genius UI design.

    XenForo looks to be just FUN to customize.
    HydraulicJack, Onimua, James and 4 others like this.
  4. Mez

    Mez Member

    Yay for automated lilification :D
  5. wanchope

    wanchope Member

    This sounds Nice to Me.I don't have $$$ but I gonna borrow.I gonna borrow.I gonna borro!!!
    Rob Fritz likes this.
  6. Erik

    Erik Well-Known Member

    I believe you can add or remove colors as well, so themes can have as many or as few color swatches as they want. :)
  7. CallieJo

    CallieJo Active Member

    This is beautiful! Simply beautiful! Great job!!
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Apart from the forum images [​IMG] and the unread image [​IMG] what other images are there?
    I suppose there are also the sticky, locked icons and also the attach icons, page icon, etc. although they're far more generic so in theory shouldn't need changing.

    Whilst the css based colours are easy to change thanks to the Style Properties system, it's going to be much more difficult to get icons to match.

    I'm wondering whether it might be possible to either use pure css & html to create some of these or to drop them altogether as my graphic skills are decidedly lacking.
  9. Erik

    Erik Well-Known Member

    There are a number of transparent gradient images. However, these work with the custom-color CSS and shouldn't need changing for simple color changes. :)

    I've actually tried thinking this through and experimenting with it in theory, and the short answer is that for complex shapes (i.e. not circles, triangles, rectangles, or rounded rectangles - for these will can use standard block elements and some CSS tricks), it is pretty much impossible. While you could use the canvas tag, there is no solution that exists currently that will work in all browsers without any sort of hacks. :)
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Yes, I've seen those in action in Firebug.
    I'm not going to pretend I understand how they work though :D

    That's what I thought.
    I might just replace the speech bubbles with a basic shape and use the same transparent css effect as the other elements.
    I just know that whatever I do in PSP is going to result in something nasty looking :oops:
  11. Peggy

    Peggy Well-Known Member

    awww now, you never know til you try.
  12. Brogan

    Brogan XenForo Moderator Staff Member

    I have done.

    Trust me, it wasn't pretty :D
  13. Peggy

    Peggy Well-Known Member

    So try, try again!
  14. atomjani

    atomjani New Member

    I have some idea.
    We can add permission for groups. Example john is in registered groups. He can creating new style and he can use it. The other group members can't create new style style. And he can sent the new style to admin. Admin seeing and admin can aprove the style. After the other members can use this style.
    rudedog likes this.
  15. Mike Creuzer

    Mike Creuzer Well-Known Member

    That is just remarkable.
  16. Shelley

    Shelley Well-Known Member

    Literally you can make a fully fledge style colour change within 30 seconds and that is no exaggeration. What would have taken you hours to do with other solutions in re-colouring gradients, Getting the right blending modes perfect can be done in a fraction of the time with the new style system. It's simply amazing and such a huge time saver not to mention even novices will find it extremely easy to make colour changes. Click, done. click done, click done (30 seconds later) save = style colour change. Great work.
    Mikey and Kier like this.
  17. Robert F Schmitz

    Robert F Schmitz Well-Known Member

    And to think what I need to currently go through. This is why I plan to get a license tomorrow.
  18. ghostwriter

    ghostwriter Member

    well played.
  19. jeniverre

    jeniverre New Member

    Now this is awsome! =)
  20. Pope Viper

    Pope Viper Well-Known Member

    This is not current functionality within XF? If not (and I've not delved deeply into the admin side due to RL overwhelming me), when can we anticipate it coming out?

Share This Page