Satin

Overview

My Satin RapidWeaver theme provides a wide array of features and theme variations. Here's a brief taste of what Satin has to offer.

• HTML5-ready
• Supports up to seven ExtraContent locations
• Includes the jQuery Javascript framework from Google's CDN
• Includes the Modernizr Javascript framework
• 1 horizontal menu and up to 7 sub-menus in the sidebar
• Up to 20 page banner images and 10 background images
• 4 Theme Styles to get you started

• Color pickers and variations for almost every layout element
• Customize the font size and spacing of your site's main menu tabs
• Grid spacing for RapidWeaver photo and movie album pages
• The sidebar can be placed on the left or right side of your website

RapidWeaver Plugin Compatibility

My Satin RapidWeaver theme is compatible with many of the most popular 3rd party RapidWeaver plugins, including but not limited to:

System Requirements

• RapidWeaver 3.6+ (4.0+ recommended)
• Javascript-enabled web browser

By purchasing this product you agree to its license agreement.

Screenshots

Live Preview

View a real, live website that uses the Satin RapidWeaver theme.
Launch Preview Website

Theme Variations

Frequently Asked Questions

Does Satin support ExtraContent?

Yes, Satin supports up to seven ExtraContent locations. Refer to the Satin user guide for more details.

Does Satin support HTML5 elements?

Yes, Satin will support HTML5 elements.

Can I disable the background images?

Yes. To disable the background image on a given page, select "None" in the
Page Inspector → Styles → Layout Background Images variation.

Will the background image work in Internet Explorer 6?

Yes, but only if you choose a PNG without an embedded alpha channel. The background image will not work in IE6 if you choose a PNG image with an embedded alpha channel.

User Guide

ExtraContent

Satin supports up to seven ExtraContent locations. These locations are:

1. The top of the sidebar
2. The bottom of the sidebar, above any plugin-generated content
3. The bottom of the sidebar, below any plugin-generated content
4. The top of the page content
5. The bottom of the page content
6. The top of the site footer, above any footer content
7. The bottom of the site footer, below any footer content

How to use a custom page banner image

You may use up to twenty (20) banner images.

1. Create or find an image you want to use as your page banner.
2. The banner image must be 200px tall and as wide as the selected Layout Width in the Page Inspector → Styles tab.
3. In RapidWeaver, open your website file and view the Themes panel (View → Show Themes).
4. Right-click on the Satin theme and select Reveal Theme Contents in Finder.
5. In the resultant Finder window, place your image into
   /Contents/images/editable_images/.
6. Ensure your image is named banner1.jpg…banner20.jpg using only lower-case letters.
7. In RapidWeaver, select Image 1, Image 2, Image 3, etc from the Banner Image options in the Theme Variations panel.

How to use a custom background image

You may use up to ten (10) background images.

1. Create or find an image you want to use as your page banner. The banner image may be as tall or as wide as you like. Keep in mind, the image will be positioned along the top of the browser window and repeated horizontally. It is best to choose an image that will seamlessly repeat horizontally.
2. In RapidWeaver, open your website file and view the Themes panel (View → Show Themes).
3. Right-click on the Satin theme and select Reveal Theme Contents in Finder.
4. In the resultant Finder window, place your image into
   /Contents/images/editable_images/.
5. Ensure your image is named background1.png…background10.png using only lower-case letters. Please note that only PNG images are supported at this time.
6. In RapidWeaver, select Background 1, Background 2, Background 3, etc from the Background Image options in the Theme Variations panel.