Free Rapidweaver Stacks

SetOpacity Stack

set opacity to solid color backgrounds of theme items

Rapidweaver For Pc
Free Rapidweaver Stacks Download
Rapidweaver 8
Free Rapidweaver Stacks Templates
Free Rapidweaver Stacks App
Free Rapidweaver Stacks Tutorial

Stacksis a new way to create pages in RapidWeaver. It's a plugin designed to combine drag-and-drop simplicity with the power of fluid layout. Fluid Layout: Stacks lets you build pages that flow text to the dimensions of a theme even if the theme has a variable width. Given that the Google Web Fonts service is free for both personal and commercial use, the same ethos is extended to this stack also. So it is free to download and use in as many projects as you want. The stack makes use of a small jQuery-powered font loader script, coded by myself exclusively for RapidWeaver. As ever, donations are very welcome. Stacks is a new way to create pages in RapidWeaver: A plugin designed to combine the drag-and-drop simplicity of Blocks with the power of fluid layout. Stacks lets you build pages that flow text to the dimensions of a theme even if the theme has a variable width. You can build flowing columns, flexible rows, and tiles of images.

Although RapidWeaver 7 was a great upgrade, I was really disappointed that it is still not possible to use semi-transparent colors in the theme settings. Opacity is not only a nice touch to the design of your site, it is also imperative when you use page-wide backgrounds (like with my BackgroundImageRotator Stack, Simple Background Image 2 Stack, Simple Background Gradient Stack and Simple Background Repeat Stack).
This stack is an attempt to make it possible to use semitransparent colors in themes that don’t support it. Although it is not perfect, it’s easy to use and works most of the time.

Demo

Please visit the demo pages to see this stack in action.

Usage

There are two ways to select an item and change its color:

by using its background color as set by the theme (fig. 1)

by using the selector(s) – although I guess that when you know the selectors, you might as well write all the CSS involved :) (fig. 2)

When using the background color as the selector, just set the color as used in the theme settings, and the desired semi-transparent color. The stack will change every element on the page with that background color. If that is not what you want, set a unique background color for the target element in the theme.

Rapidweaver For Pc

Optionally, you can use a note (e.g. which element is targeted with the stack) that only shows in Edit mode. This is especially handy when you have several instances of the stack on your page. Next to the note, an indication of the color is shown (fig. 3).

Need help using it on a non-stacks page? Here’s a tutorial.

With Javascript turned off, this stack will not work.

Free Rapidweaver Stacks Download

This stack only works on background colors only; not on borders, images, etc.

Support

Please use this form to report all issues, questions and comments.
This stack requires RapidWeaver (version 7 or higher) and the Stacks plugin by YourHead (version 3.5 or higher).

Rapidweaver 8

fig. 3: a note and an indication of the color in Edit mode

Free Rapidweaver Stacks Templates

This stack is free. In the shopping cart, the suggested price is set to zero resulting in a free download.

Free Rapidweaver Stacks App

Do you find this stack useful? A donation will be greatly appreciated!

Free Rapidweaver Stacks Tutorial

Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].