blog-tutorial-post-template

Tutorials

Circle Menu

General

Open on start

If this option is checked the menu will be opened when the page loads

Offset Items

By default items are on the inside of the menu with padding, if this option is checked the items will hang off the edge of the menu

Number of Items

You can choose to have a menu with up to 4 items, or 8 Items. Here you can choose the number of items for your menu.

You can choose to have a Circular menu or a Square Menu Here

Font Family

Choose the general font family for the menu here

Inherit Radius

Inherit Radius

If you want the toggle to inherit the radius of the menu, check this option.

Size

Sets the size of the toggle button

Icon size

Sets the size of the icon inside of the toggle button

Radius

If the “Inherit Radius” option is not checked, you can set a custom radius for the menu toggle here

Shadow

Allows you to set the shadow properties for the toggle button

Open Border

When the menu is opened, the toggle gets an overlay border around it, you can set the thickness and color of this border Here

Icon Color

Sets the color of the icon inside of the menu toggle on initial and hover states

Background

Allows you to set a background for the menu toggle, it can be a color or a gradient

Hover Background

Allows you to set a background for the menu toggle when hovered, it can be a color or a gradient

Allows you to set the size for the menu, it is recommend to be somewhere between 200~320px

Padding

Controls the inner padding of the menu

Outer Margin (Vertical & Horizontal)

Sets the spacing around the outside of the menu

Background

Allows you to set a background for the menu, it can be a color, gradient, or image

Round Icons

If this option is unchecked, you can set a custom radius for the menu icons, otherwise they will be circular by default

Button Size

Sets button the size of the menu items

Icon Size

Sets the size of the icons inside of the menu item buttons

Label Size

When an item is hovered a label will show up in the center of the menu, you can set the font-size for these labels here

Hover Border

When hovered, items have a transparent border that displays, set the size of this border here

Icon & Label Color

These color options simply control the color of the icons and the labels in the menu

Hover Border

The color of the borer that displays around menu items on hover

Background

Sets the background color of the menu items, it can be a color or gradient

Quick Links

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

  • Posted On

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