THEME STYLES
This page shows all Theme Styles of the MAGNETIC theme.

THE LOGO
When you put your logo in the RW > Site-Setup > Logo it appears on the right part of the header on the horizontal stroke (example above). The Readme explains how to move the logo to any another position. The Title and Logo have a link with the index.html of your website.
Of course you can also use one of the ExtraContent areas for a logo.

ExtraContent-areas
EXTRACONTENT
MAGNETIC has up to 9 ExtraContent areas (click on image left) that allows the user to add more content then RapidWeaver typically allows. You can use this area for slideshows, textlines, images, social networks icons, Google ads or whatever. Colours, font, fontsize, borders and background can be changed in the Colour Palette in the Theme Styles and with the Custom CSS Snippet.
There are a lot of image slider plugins (image slider plugins are not included in this theme*), for example Weaverpix, symNivo, symCanvas, Swirl, CrossSlide, etc. Select the ExtraContent 2 container in these plugins and your slideshow will appear on the header. Import them with Pluskit in any other page. It's explained in the ReadMe. Very simple!
You can also use the EC4 container for a slideshow. This page shows examples.
The EC5 and EC6 container have a hover effect: when you move the mouse over the EC5 container the boprder and background color cahnges. Any color is possible in the Colour Palette.

menu hover styles
THE MENU
MAGNETIC has a very nice MainMenu with 6 different hover styles (click op the image left). You'll find examples of all of them in this demo site.The first level of navigation is always horizontal and displays below the Title and Slogan on the header. The second level navigation is horizontally at the bottom of the header. This submenu is limited to only one sublevel of navigation. You can hide the submenu in the Theme Styles.

SLIDESHOWS
There are a lot of image slider plugins (image slider plugins are not included in this theme*), for example Weaverpix, symNivo, symCanvas, Swirl, CrossSlide, etc. They work all on the iPad/iPhone too. Select the ExtraContent 2 container in these plugins and your slideshow will appear on the header. See this example. Import them with Pluskit in any other page. It's explained in the ReadMe. Very simple!
You can also use the EC4 container for a slideshow. This page shows an example of a slideshow in the EC2 ánd the EC4 container.

SEARCHBOX
This theme provides built-in support for Josh Lockhart’s RapidSearch plugin. You can put a Searchbox (you'll need the RapidSearch plugin for this) in any ExtraContent container. This demosite shows some examples.

CSS-codes
This demosite is build with different Theme Styles and with very simple CSS-codes. You can paste these in the Custom CSS (Page-Inspector > Header > CSS) of your RW-page. There are more of these codes in the Readme file and they are really very simple to use.

WHAT'S IN THE README FILE:
1. How to install a theme?
2. The Menu
3. How to add ExtraContent area(s) in your RapidWeaver page?
4. Tutorial about the ExtraContent 3 and 4 area.
5. The Logo and Title have a link with the index.html of your website.
6. Position of the Logo.
7. Add an image to the Header.
8. How to add a slideshow to the Header (ExtraContent2 area)?
9. Add a slideshow to the ExtraContent4 (or EC5 and 6) area?
10. Add an image to the EC4, EC5, EC6 or EC9 background.
11. Add an image or Pattern to the Title/Slogan/SubMenu Stroke.
12. How to add a pattern to the Body?
13. Width and Position ExtraContent 3 and 4.
14. Different font to Title/Slogan, Blog Title, FileSharing Title and other titles.
15. Adding a Supersizer Background stack.
16. Hide Underlined Links (Text-Decoration).
17. Title and Slogan inline.
18. Add a textshadow.
19. How to change the fontsize of the Content and Sidebar?
20. Contact Page inputfields width.
21. SearchBox in the ExtraContent1 area.
22. TextTime in the ExtraContent area
23. Date (US and European) in the ExtraContent area
24. Mail-A-Friend in the ExtraContent area
25. Use the prettyPhoto stack in a Photo Album Page.
26. More about adding an image or file with Rapidweaver 5
27. Codes for the Sidebarheader.
28. EXTRA: Tutorial about adding an image to the header as in this page. Images are in the downloadfile.
29. EXTRA: Tutorial about adding a slideshows (EC2) on a page like I did here. Images are in the downloadfile.
30. EXTRA: Tutorial about adding two slideshows (EC2 and EC4) on one page like I did here. Images are in the downloadfile.

The Readme is very extended and describes very detailed and with some tutorials how to style your site and how to add images, slideshows, etc.

FREE TRIAL VERSION
You can download a free trial version of the Magnetic theme. In this trial version links between pages are disabled and a textline will be visible.

ISSUES
All plugins and all stacks work with MAGNETIC.
There are so many stacks (most work perfectly!) and almost every day new stacks are released that I cannot test them all. So I cannot guarantee that every stack will work. The RapidWeaver Central website shows all available stacks.
Internet Explorer (6,7 and 8) doesn't support rounded corners, text- and boxshadows.

This theme has been tested and is OK with all browsers: IE6 (yes!), IE7, IE8, IE9, Google Chrome, Camino, Firefox and Safari (for Windows and Mac), and on your iPhone and iPad.

SUPPORT
The Manual is very detailed. Read this very carefully before you send me questions. If your troubles are not exclusive to my theme or if you think the issue might be a software concern, please do a search on the Realmac Software forum first.
But you can also post your questions on the Realmac Software forums (Magnetic thread) and I am sure that I or one of the folks there will help straighten you out enough.