Semi-Transparent Background Images for 2.0 Modules
|
|
|
The best alternative to opacity filters is just using a semi-transparent background image for your modules. That way
your images and text on your page are not affected by the opacity filters and remain intact and you still achieve having
see-through modules that show your background.
Below is a list of semi-transparent background images FREE for you to use. Just right click on the name to get the
image URL or click the name and in the new window copy the URL from the address bar.
After you have selected what semi-transparent background image color you want, use this code below to add the
image to all 2.0 modules:
div.module {background-image:url('URL HERE');}
If you want to target specific modules you can by doing this for example, lets say, to the comments module:
div.commentsModule {background-image:url('URL HERE');}
CLICK HERE TO VIEW A SAMPLE PAGE that is using semi-transparent images in the modules.
Semi-Transparent Background Images:
Aqua
Blue
Gray
Green
Lime
Orange
Pink
Red
Yellow
and More!!
If you have questions/comments about this tutorial please ask HERE.
|
|
|
|
|
|
