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

Best practice for re-styling XF?

Discussion in 'Styling and Customization Questions' started by CyclingTribe, Sep 16, 2011.

  1. CyclingTribe

    CyclingTribe Well-Known Member

    I've yet to make a start on styling XF for my forthcoming CycleChat.net migration, so just wanted some best-practice advice on re-styling XF.

    I've seen the extras.css mentioned - how does that work?

    Are there any shortcuts you can use within templates / CSS that make life easier?

    Are there any reference guides that people have written that would point me in the right direction?

    I just don't want to head off in one direction thinking I'm doing okay, only to find I could have done a much better job if I'd been given a bit of advice beforehand.

    Shaun :D
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Floris

    Floris Guest





    and extra.css

    include the custom templates in the situations where a plugin doesn't have an option to use a hook.

    Write down 'offsite' the names of the templates, what they're for, where they're being included and how.
    And them up.

    Keep a list of plugins installed.

    Move whatever you can into a custom plugin yoursite_template_inserts.xml with a Listener.php file you of course also have a backup of.
  4. Vilandra

    Vilandra Active Member

    Get Firebug or something similar (note it will mess with XF overlays/popups a little in FF but you can enable disable it as needed) - invaluable in finding out the class names for things you want to alter. :)
    GeeksChat likes this.

Share This Page