Soft Responsive style update

Discussion in 'Updates' started by Arty, Oct 4, 2012.

  1. Arty

    Arty Administrator Designer

    XenForo style "Soft Responsive" has been updated.

    Update is not big enough to warrant version number bump, it affects only users who use Social add-on. Because of my mistake, previous XML file included links used by that add-on in account menu, resulting in duplicate links.

    Also color variations were updated. Unlike previous versions, new versions do not include color changes to images that aren't supposed to be changed, such as smilies and post editor icons.
     
  2. Arty

    Arty Administrator Designer

    PSD file for style is available on style download page.

    There is only 1 file, it includes most style components: logo, navigation tabs, shadows, content background, member card background, overlay backgrounds. PSD file is sliced, use "save for web" option to save individual elements.
     
  3. Arty

    Arty Administrator Designer

    Responsive layout for popular "xenPorta" portal is available on style download page. Zip file contains style XML file. Install it as child style of "Soft Responsive" style.

    Style contains modified template files that work with responsive layout and includes options to hide specific blocks from mobile devices. You can find those options in admin control panel in Appearance -> Styles -> Style Components -> Sidebar.

    Screen Shot 2012-10-04 at 10.26.30 .png
     
  4. Arty

    Arty Administrator Designer

    Per Shelley's suggestion (thanks a lot for that), coffee/brown color variation is available!

    Demo: click here
    Download: on style download page.
    Installation: upload files, install it as child style of Soft Responsive style.

    Screen Shot 2012-10-05 at 15.37.58 .png
     
  5. Arty

    Arty Administrator Designer

    xenPorta template changes have been updated to fix issue with recent news section.

    If you have installed previous version, download new version on style download page, unpack, in admin control panel in styles section click "Import a Style" button, put style-Soft-Responsive---xenPorta.xml in XML file field, click "Overwrite style" and select "Soft Responsive - xenPorta" from dropdown menu.
     
  6. Arty

    Arty Administrator Designer

    About xenPortal template changes: they are not finalized yet and will be updated daily.

    If you are using xenPorta on your forum with Soft Responsive style and notice something that doesn't look right, please tell me about it.
     
  7. Arty

    Arty Administrator Designer

    I'm working on new version of this style. Preview of version 2.0 is available on style download page and you can see it live on this forum. It is not complete yet.

    Changes from version 1.0:
    • Block wrappers have been rebuilt using CSS3 instead of images. Same applies to overlay wrapper and breadcrumbs. This is a huge change, even though you won't notice anything.
    • Header and navigation were completely rebuilt. No more images, all navigation items are now styled via CSS. There is a huge number of new properties to customize those two areas. You can change header and navigation order, change navigation to display only one row, change order and location of navigation tab groups, customize each item for normal and mobile devices.
    • New navigation for mobile devices. See screenshot below.
    • Many bug fixes.
    • Many new properties, making it easier to customise style! There will be even more new properties before version 2.0 is released later this week.
    Screenshot of new menu on mobile device:
    Screenshot_2012-10-13-00-59-31.png
     
  8. Arty

    Arty Administrator Designer

    Version 2.0 is available!

    Changes from version 1.0:
    • Block wrappers, navigation, buttons, login bar handle have all been rebuilt using CSS3 instead of images.
    • Header and navigation were completely rebuilt.
    • More than 100 new style properties were added, making it easier to customize most parts of style.
    • New navigation for mobile devices.
    • Nodes in nodes list and threads in discussions list can be clicked on mobile devices.
    • Many bug fixes.
    • Better support for third party add-ons.
    Both version 1.0 and 2.0 are available on download page.

    How to upgrade:
    1. Download style, unpack it.
    2. Log in to admin control panel, navigate to styles section, click "Import style".
    3. In file field put style.xml, select option "Overwrite style" and in styles selection select "Soft Responsive" style.
    4. Import style.
    5. Overwrite files styles/soft_responsive/ with files provided with style.
     
    Case likes this.
  9. Arty

    Arty Administrator Designer

    Add-on compatibility of version 2.0:
    • xenPorta: same as version 1.0. Unfortunately I'm unable to fully test it because of error in xenPorta.
    • Widget Framework: fully compatible, no need to change anything.
     
  10. Arty

    Arty Administrator Designer

    Minor style update. Version 2.0.1 is available!

    Changes from version 2.0:
    • Several new properties to customize header and navigation.
    • Better xenPorta support and User Albums support. Support for these popular add-ons is included in style, you no longer need to install child style. It is not enabled by default, you need to enable it in admin control panel -> Styles -> Style Properties -> xenPorta Layout / User Albums Layout.
     
    nextgen likes this.
  11. Arty

    Arty Administrator Designer

    Another minor update, but without changing version number.

    Changes:
    • New property for mobile logo. You can use it to specify different logo images for desktop browsers and mobile devices.
     
    derandechser likes this.
  12. Arty

    Arty Administrator Designer

    Another minor update, again without changing version number.

    Changes:
    • Built-in support for xenAtendo add-on.
     
    derandechser likes this.
  13. Arty

    Arty Administrator Designer

    Another update. Version 2.0.2 is available!

    Changes from version 2.0.1:
    • Built-in support for xenAtendo add-on (announced above).
    • New property for mobile logo (announced above).
    • Option to show popups on navigation tabs only when mouse is moved over arrow instead of whole tab, similar to default style.
    • Alerts are now shown on mobile devices below navigation. This function requires JavaScript. See screenshot below:

    alerts.png
     
  14. Arty

    Arty Administrator Designer

    Version 2.0.3 is available.

    Changes from version 2.0.2:
    • Removed clickable rows for Internet Explorer in responsive layout. It was triggering IE bug.
    • Many bug fixes!
    • Better support for Widget Framework add-on
     
  15. Arty

    Arty Administrator Designer

    Version 2.0.4 is now available.

    Changes from version 2.0.3:
    • Bug fixes