TextPal

TextPal

TextPal

TextPal
TextPal
TextPal

TextPal

TextPal

TextPal
TextPal

SidePanel CSS Stack

A pure CSS Sidebar to hold all kinds of content.
RapidWeaver Stacks add-on info:

The SidePanelCSS is quite a unique SidePanel – made without javascript or jquery and it allows you to toggle a SidePanes on/off. Option to add background image with overlay patterns. Supports Font Awesome.

You can add as many SidePanel CSS stacks on your page as you wish!

Special features:

Slide in maps, info, forms, images, movies, other stacks.

Known issues:

SidePanel CSS isn't doesn't work with jQuery smooth scroll used by some Stacks. Solution: Turn if off if you can (you can do that in the OneLevel Menu + DropDown2go (both stacks has an option to turn smooth scroll off).

Keywords:

RapidWeaver, stacks, responsive, effect, animation, slide, slider, google map, forms.
Stacks settings:
Fundamentals
Unique Id: If you want to use more than one SidePanel CSS Stack on your page, enter a unique ID.

Collapse All: Option to save some space on your RapidWeaver Stacks page. Collapses the content.
MenuBar
Style your SidePanelCss MenuBar.
Hover
Add a over effect / mouse over effect to the SidePanel CSS Stack: Lighten or darken.
Font Awesome
The SidePanel CSS Stack allows you to use Font Awesome icons.

Look up icons at the Font Awesome Website.
SidePanel
Default content settings: Width, Unit (width), padding and slide in time.
SidePanel Background
Style the SidePanel Background: Background Color or Background Image. Option to position your background image.
Pattern Overlay
Add an overlay pattern.
WebSte Scrollbar
If your SidePanel CSS Stack needs a scrollbar you can style the scrollbar (Safari & Chrome). Firefox, Explorer, Edge will simply show the default native Scroll bar.
BreakPoint
Below BreakPoint you can define the the SidePanel CSS Stack to go full width.
Custom CSS (Nerd Feature)
You're on your own here! Users familiar with CSS can add custom css (styling) to different parts of the SidePanel CSS
Stacks Image 396409
SidePanel CSS Stack
Stacks Image p190866_n152814
The SidePanel CSS stack makes it easy to toggle a SidePanes on/off.

Made without javascript og query.
Example
You can use the SidePanel CSS Stack for a lot of ‘things’:

• Clients Info
• 2nd Menu
• Links
• SiteMap
• Advertising
• Images
• Slideshows
• Movies
• Contact Forms
• Google Map
• AnyThing

You can position the SidePanel right or left.

You can add background images with an overlay effect to each SidePanel.

Take a look at the fast created examples on this page.
RapidWeaver Stacks
DEFLIGRA.COM

Hi. I'm DeFliGra. A long time developer of RapidWeaver Stacks Addons called Stacks. I've been an even longer time user of RapidWeaver and came on board when RapidWeaver 3 was released.

All RapidWeaver Stacks Addons requires the Mac OS desktop app: RapidWeaver by Realmac Software and the RapidWeaver plugin Stacks by Yourhead Software.

All Stacks are downloaded as Zip-files. To install unzip and double click the Stack.