stacks_image_9C570369-717C-4925-A684-85512B4E8F77

ExtraContent

Decorate has 4 main ExtraContent areas built into it.

On this page you can see the positioning of the fixed EC areas that Decorate uses.

EC areas 1 & 2 are in the Top and Side Sliding Panels respstively. These panels can be turned on and off in the Styles palette.

EC Area 3 runs across the top of the main content area - ideal for an animated banner etc. The Bannerzest example above includes all the Apple images included with the theme for Pageheaders.

EC Area 4 (at bottom in red box) runs across the width of the main content area, allowing you to flow content under the sidebar.

I have added some styling to EC areas 5, 6, 7, 8 & 9, so you can jazz up any normal content box on your site. You can select this styling by changing the EC "id" number to match the styling you are after. See the sidebar on this page for more details.

myExtraContent 5

Select EC area "5" when adding your EC area to yout page and it will look like this.

myExtraContent 8

Select EC area "8" when adding your EC area to yout page and it will look like this.

myExtraContent 7

Select EC area "7" when adding your EC area to yout page and it will look like this.
stacks_image_205FD07F-A882-4663-B7DB-3DEE72D74BE5

myExtraContent 6

Select EC area "6" when adding your EC area to yout page and it will look like this.

myExtraContent 9

Select EC area "9" when adding your EC area to yout page and it will look like this.
stacks_image_779618DD-093F-4CB3-852A-1DED50982662

ExtraContent

Decorate is powered by ExtraContent which gives us lots of handy extra areas and styling options.

These three columns have been pasted into ExtraContent area "4" , which allows you to flow content under the main Sidebar for a cleaner finish.
stacks_image_BA58DF24-7FEC-4DAA-8F3E-44D303ABEBBE

ExtraContent

Decorate is powered by ExtraContent which gives us lots of handy extra areas and styling options.

These three columns have been pasted into ExtraContent area "4" , which allows you to flow content under the main Sidebar for a cleaner finish.
stacks_image_82F828AE-3830-457E-8DE1-100FB19826BD

ExtraContent

Decorate is powered by ExtraContent which gives us lots of handy extra areas and styling options.

These three columns have been pasted into ExtraContent area "4" , which allows you to flow content under the main Sidebar for a cleaner finish.

Extra Content

Well done, if you've clicked the "+" button you've unearthed Decorate's Extra Content Area "1". Keep secret stuff here....

More Stuff

This handy area is as wide as the page and 140 pixels high. Perfect for bits and bobs...
stacks_image_577E4191-BD1A-41D0-B412-56FDBB44C495

Extra Content

Well done, if you've clicked the "+" button you've unearthed Decorate's Extra Content Area "2".

I thought this area might be quite handy for a bio or for quotes or project references.

Enjoy!
stacks_image_96760C51-1CE0-411C-96E4-4F7D4156A9D1

Parameters

The space is set to be 400 pixels wide (this is set by the JQuery animation), but you can adjust the height by fiddling with this code and pasting it in to the CSS panel of the Header section of the RapidWeaver page Inspector:

#quotz {
height:450px;
}

Nifty eh?