blog-tutorial-post-template

Blog

cleanAccordion Rapidweaver Stack logo

cleanAccordion is a simple-to-use & customize drag-and-drop jQuery accordion stack.

100% Reponsive

Go ahead and test it out – this theme is the fully responsive Cabernet 2. Resize your screen and watch cleanAccordion adjust to the size.

Where You Can Place It

Anywhere stacks can go cleanAccordion can follow. You will need an additional plugin to place outside of the page element, such as PlusKit.

How Many Tabs You Are Limited To

NONE! There is absolutely no limit… well of course it might look silly after a while if you put too many, and if you put just one it sorta defeats the purpose… but you still can.

It’s so easy to use that this is pretty much all you need to know:

  • Double click the install file (its now installed almost instantly)
  • Create a Stacks page
  • Drag the cleanAccordion (Container) into the stacks page (left image below)
  • Drag cleanAccordion (Inner) into the container section (right image below)
  • Add more by easily dragging them above or below each other (change order easily)

cleanAccordion Container ImagecleanAccordion Inner Image


Customize Options

  • Theme 1 and 2
  • Margin
  • Padding
  • Border Radius (rounded corners)
  • Border Size (Outer)
  • Border Size (Inner)
  • Border Color (Outer) for Theme 2
  • Border Color (Inner) for Theme 2
  • Title Background Color for Theme 2
  • Description Color for Theme 2
  • Title Text Color
  • Title Text Color (Hover)
  • Title Text Shadow Color
  • Description Text Color
  • 4 Gradient Color Controls for Theme 1

CHECK IT OUT

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software