blog-tutorial-post-template

Tutorials

Swoop

General

Max Width

Sets the maximum width of the slider

Min Height

Sets the minimum height of the slider

Radius

Sets the corner roundess of the slider

Responsive Point

The responsive pixel breakpoint

Nav

Max Width

Sets the maximum width of the nav section on the left

Padding

Sets the inner padding of hte navigation section

Item Size

Sets the font size of the nav item text

Item Font

Sets the font family for the nav item text

Item Padding

Sets the inner padding of the nav items (space around them)

Item Blur

Controls the amount of blur for the items that are not active

Arrow

Sets the size of the navigation arrow button

Arrow Icons

Sets the size of the navigation arrow icons

Arrow Radius

Sets the corner roundness of the navigation arrow buttons

Content

Padding

Sets the inner padding of the content sections

Header Font

Sets the font family for all header tags in the content section

Text Font

Sets the font family for all text in the content section

Stack Colors

Nav Item

Sets the text color of the nav items

Arrow BG

Sets the background color of the navigation arrow buttons. It can be set for the initial state and the hover stacte.

Arrow Icons

Sets the color of the arrow icons. It can be set for the initial state and the hover stacte.

Nav Background

Here you can set the background for navigation section to the left. It can be set to:

  • Single Color
  • 2 Color Gradient
  • 3 Color Gradient
  • Image

Content Background

Here you can set the background for ontent section to the left. It can be set to:

  • Single Color
  • 2 Color Gradient
  • 3 Color Gradient
  • Image

Custom Styles

Items can have their own custom styles, such as a custom nav item text color, custom background color, and custom content text color. Click on an individual item to set custom colors~

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