1LD Tutorials & Blogs

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

Scroll Shift Stack

Scroll Shift Screenshot

Scroll Shift is the ultimate tool for adding seamless scroll-based animations to your web design projects. Create captivating and engaging websites by effortlessly animating elements as the user scrolls through the page. This tool can bring your designs to life with smooth transitions, eye-catching movements, and precise timing.

Create captivating visuals by linking multiple elements together to form a stacked layer effect. These elements can separate and come together to form a unified element, adding depth and dimension to your designs. The possibilities are endless as you craft intricate animations that leave a lasting impression.

Drive attention to essential content by implementing animations that trigger only when the user scrolls past a specific section. By strategically timing the animations, you can ensure that users take notice of crucial information and engage with your content effectively.

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

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

RapidWeaver is a trademark of Realmac Software