blog-tutorial-post-template

Tutorials

General Settings

Use the Align setting to adjust the horizontal alignment of the Title, Subtitle, and Divider as a whole. The Margin Top and Bottom sliders control the amount of space above and below Title, Subtitle, and Divider. 

Divider Settings

The first button group in this section defines the Divider line layout. “Disabled” will remove the lines all together, “Single” will place a single line below the title with an option to move it to the top, “Double” will place a line above and below the title, and “Inline” will place a line to the left and right of the title. 

Some divider line styles have a left and right side to their design. Use the Sides button group to optionally enable a single side. When the Divider is set to “Inline”, the options will instead enable the lines to the left and right of the title.

The Color setting in this section controls the color of the line and any added shapes. Opacity is not supported through the color picker and is instead adjusted using the Opacity slider. 

If the the Divider is set to “Single”, an additional checkbox is provided to allow the divider line to be place above the title instead of below it. 

The design of the divider line can be changed by choosing one of the Divider Style options. Each option has settings to adjust the Spacing between the line and the title, the Thickness of the line, and the Width of the line in pixels. You can also optionally enable the Full width checkbox to set the width of the line as wide as possible (depending on the available space). 

Below the Divider Style settings are the Shape settings. These allow you to optionally add a shape to the design of the divider line. Each shape option has settings to adjust the Spacing between the shape and the divider line, the Thickness of the shape path, and the Width of the shape in pixels. 

The Shape: *Custom option can be used to add a custom images, text, or icons in place of a shape. The Width and Spacing options still apply to any content you add. Use the provided Auto width checkbox to ignore the width setting and use the default width of the added content instead.

Title Settings

The Title can optionally be disabled if you would like to use the stack as divider line instead of a heading. Use the “Simple” option to enable the title and inherit the styles of the selected Tag/Type. These styles are either defined by the theme or stack framework you are using. If you would rather customize the style of the title, select the “Detailed” option to get a full list of adjustable style options.  

Subtitle Settings

A Subtitle can optionally be enabled by selecting the “Simple” option. The subtitle styles will be inherited from the default text styles either defined by the theme or stack framework you are using. If you would rather customize the style of the subtitle, select the “Detailed” option to get a full list of adjustable style options. 

When the subtitle is enabled, a checkbox is provided to allow you to optionally place the subtitle above the title rather than below it.

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