blog-tutorial-post-template

Tutorials

General Controls

Cube Size:
Controls the width and height of each side of the cube in pixels. You can use the preview cube to see the size. As you resize your screen, it automatically changes the size of augment cube to fit. So the value you put in to the cube size field is multiplied by 4 for the full size cube.

Opacity
This controls how see-through or solid the cube is. Note that this will also control the opacity of any content within the cube. If you want to control the opacity of the cube while keeping the content solid, you can go down to the ‘Background Color’ and ‘Border Color’ controls.

Advanced Controls

Perspective:
Perspective is similar to zooming in and out, it doesn’t change the size of the cube, but it does change how large it seems by altering the distortion. For instance, if the value is set all the way at 2000, it’s like zooming in and setting the value at 200 is like zooming out.

Content Overflow:
If the content that you want to put into the cube goes longer than the height of the cube, you can define what happens. It’s set to Auto by default which will only add a scroll bar if the content is too long. Setting it to Scroll will always have a scrollbar even if the content is not longer than the height of the cube. Setting it to Hidden will hide the content and not allow a scrollbar. Setting it to Visible will allow the content to keep going off of the cube without a scroll bar so that it’s all visible.

Background Color:

You can control the amount of red, green, and blue individually to adjust the color for the cube and see the results in the preview (So if red is set to 255, green is set to 0, and blue is set to 255, it will be purple). Then checking the transparency check box will allow the background color to be see through. Use the Opacity slider to control how see-through it is.

Border Color:

This works exactly like the background color except it controls the color of the border.

Parallax

Parallax rotation causes each cube to rotate however fast or slow you want while the user scrolls down the page. This feature can be turned on or off, and you can control the speed of the rotation with the ‘rotation speed’ slider. 1 is very slow, 20 is very fast.


The Buttons

Button Height:

Controls the height of the buttons in pixels. The reason there’s not a width slider is because you can just go to the layout tab to control the size of the whole button section.

Button Color:

Use RapidWeaver’s Color picker to select the background color of the buttons.

Border Type:

Choose between each type of border possible with css. Or for no border, select No Border.

Border Width:

Pretty self explanatory. This controls the width of the border in pixels.

Border Color:

Use RapidWeaver’s Color picker to select the border color of the buttons.


Hover Controls:

The hover controls are all a repeat of the other controls. They control how the buttons look while a user hovers over them.

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