Site logo
Site logo
myExtraContent1
myExtraContent2

A great new way to add see-through backgrounds to your stacks pages.

Site logo
Site logo
Site logo
Site logo
myExtraContent3
myExtraContent4
myExtraContent5
  1. ../resources/img21.jpg
logo_sm_tinto
Howdy! Say hello
stacks1n2
to the El Tint-o stack. El Tint-o does just one thing (but it does it extremely well). It places a semi-transparent background behind your RapidWeaver content. So many themes are now including full-sized images in their backgrounds and El Tint-o will allow you to customize the way your pages look on top of those images.

color-palette
El Tint-o lets you select the color and choose an opacity between 10% and 90%. And the setup for these is drop-dead simple... two sliders!

I've also included the ability to add rounded corners to them as well. As usual, those accustomed to viewing the web with IE7 and 8 will not see rounded corners. However, the folks in Redmond are making progress and those with IE9 will see the rounded corners.

All themes don't automatically let you add background images but with a bit of CSS, we can make most of the cooperate. In fact, this theme does not normally display this way. El Presidente is always here to answer your questions and help you work with his stacks!
elstacko_r2_rw5=2011-09-29 201302=.rwsw-1
Here's the HUD for the stack. You control:
1) Content Background Color
2) Content Background Opacity
3) Content Padding
4) Corner Radius
LightBulb
Simple, huh?
And please note that these nest together. You are looking at a red ElTint-o inside a White El Tint-o. Sweet!
star

Below are examples of each color and each opacity. Some display rounded corners, others don't. It's all up to YOU!
Stacks Image 169
This is an example of 20% White background.
This is an example of 40% White background.
This is an example of 60% White background.
This is an example of 80% White background.
Stacks Image 201
This is an example of 20% Black background.
This is an example of 40% Black background.
This is an example of 60% Black background.
This is an example of 80% Black background.
Stacks Image 233
This is an example of 20% Blue background.
This is an example of 40% Blue background.
This is an example of 60% Blue background.
This is an example of 80% Blue background.
Stacks Image 265
This is an example of 20% Red background.
This is an example of 40% Red background.
This is an example of 60% Red background.
This is an example of 80% Red background.
This is an example of 60% purple background.
This is an example of 60% orange background.
This is an example of 60% yellow background.
This is an example of 60% aqua background.

El Tint-o Stack

ArrowRight
I have used extraContent to place this El Tint-o here in the sidebar area.
And I've added an 8px corner radius.
This stack will really let you come up with some great ways of dispalying your content!
heart

And make note of the main content display to the upper right. There are El Tint-os inside of another El Tint-o.You see through both of them together.

Options galore

I had some room left over down here so I thought I'd better show off a black background. The choice of colors and opacity will all depend on the background image your page contains and your personal sense of style.
checkmark
The only thing that is "for sure" is that you are gonna love this stack. Guaranteed!