blog-tutorial-post-template

Tutorials

Here is a customer review/tutorial on Ice Box by William Winter

Basic Setup:

Step 1:

Double Click the XL stack to install it.

Step 2:

Restart RapidWeaver so that all changes take place.

Step 3:

Drag an XL stack onto your page.


Definition of terms:

Full Screen – General Options:

Button Style:
Select either square or arrow buttons, or choose custom to use your own images.
Color:
Change the color of the square and arrow buttons.
Go Fullscreen/Go Normal:
Go Fullscreen – Select an image to display while in normal (small screen) mode which, when clicked, enters fullscreen mode.
Go Normal – Select an image to display while in fullscreen mode which, when clicked, exits fullscreen mode.
Size:
Sets the width and height of the buttons in pixels.
Padding:
Controls the distance of the buttons from the bottom right corner in pixels.
Error Message:
If the users browser does not support fullscreen mode, and they try to go fullscreen, they will receive an alert message with whatever text you place here. Default text is “Sorry, your browser doesn’t support fullscreen mode”.

Full Screen – Advanced Options:

Hide/Show Button:
When checked, the button will only appear when the mouse is within the distance specified in ‘Mouse Distance’. When unchecked, the buttons will always be visible.
Mouse Distance:
When the mouse is this distance away from the full screen button, the button will fade out. But when the mouse is within this distance of the button, the button fades in.

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