S2 Guide: Customization Area

The customization area was made so that people would be able to modify and adjust their style, without knowing about CSS or HTML. It's the responsibility of S2 layout makers to try and give their layout good customization options!

The customization area has two main areas:


 * The theme selection area -- lets users browse and preview available premade styles and themes.
 * The customization wizard -- layouts can define different aspects that can be customized in this wizard, like colors.

Page Setup
Page setup selection is available at the bottom of the theme selection and the customization area. The current options (not available in all layouts) are:


 * One column, no sidebars
 * Two columns, right sidebar
 * Two columns, left sidebar
 * Three columns, sidebar on either side
 * Three columns, sidebars on the left
 * Three columns, sidebars on the right

Colors
This section lets users change the colors of their theme--backgrounds, foregrounds, and borders!

Fonts
This section lets users define what fonts they'll be using and what sizes they are.

Images
This section lets users add custom background images to their layout. This can include page backgrounds, backgrounds to the header (with an option to make sure the header will be high enough for the banner), backgrounds to modules, and backgrounds to entries.

You can specify the way each image tiles and basic positions, like "top right" or "center left".

Modules
Modules can be put into different areas of the layout, which can vary.

They do have a limitation currently in that there's only one of each type--that means there's only one Text Box module.

The modules include:


 * Basic Journal Info
 * Navigation -- the navigation links to different pages on the journal
 * Custom Text
 * Calendar
 * Page Summary
 * Recent active entries
 * Tags -- If there are tags, lists them out. User can set the limit for number of tags to show and the display type (multilevel, cloud, or list)
 * Link List -- Displays the links in the journal's link list; only displays if they exist
 * Syndication -- Displays links to the Atom and RSS feeds for the journal, only displays on the recent page
 * Style Credit
 * Search -- A search box for searching a journal or community using the search feature. Only shows
 * Time Loaded -- Displays the time the page was loaded
 * Powered By -- Gives a shout out to Dreamwidth

Text
This section lets you change the text label of a lot of things, like the titles to navigation and interaction links and the contents of the text module.

Links List
This section lets you define the links you want to go into the link list module.

Custom CSS
This section is where you can add custom CSS. There is an option to use the existing stylesheet of the layout or not, a place to load a custom stylesheet (that is filtered through a proxy for safety), and a textarea you can put in CSS that will also be included in the layout. Simplified CSS and CSS only tracks will be making frequent use of this section!