howto_user (howto_user) wrote in s2howto,

[classic, C&S, DM, generator, punq., ref. pap., tab. indent, the boxer] Transparency and Opacity

LiveJournal S2 layouts offer an option to enter custom CSS in the Journal Display area. You can find this option in the Custom CSS section of your Custom Options. This tutorial explains how to make the content area transparent in Classic, Clean and Simple, Digital Multiplex, Generator, Punquin Elegant, Refried Paper, Tabular Indent and The Boxer using this feature.

The following CSS code will make the content tables transparent in these layouts:

table, td, tr, .shadowed
{background-color: transparent !important;}

If you wish to make your content tables semi-transparent, you would use the following code instead:

table, td, tr, .shadowed
{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; !important};

The opacity level, set to 80 in the above example, can be changed to any number that you prefer. Setting the opacity to 100, or 1.0, will make the background completely opaque. If you want your background to be solid there is no need to use any override at all.

Using this filter will change the opacity of the entire table, including the text within it so you will need to choose an opacity level that still allows the text to be visible.

Once you have entered the code you wish to use for your journal, click "Save Changes".

NOTE: Opacity filters are a resource intensive customization. Use of an opacity filter can cause older browsers, computers with lower resources, and computers where much of the system memory is already in use to freeze, crash, or otherwise behave unexpectedly. If you begin experiencing a problem with your journal loading slowly (or not at all), your browser freezing, or your operating system freezing, please try removing the opacity filter from your theme layer and reloading your journal page to see if the problem persists before submitting a Support request.

Originally written for S1 by macheide. Adapted for S2 by jennieknits and camomiletea.

Tags: - classic, - clean and simple, - digital multiplex, - generator, - punquin, - refried paper, - tabular indent, - the boxer, all accounts, free accounts, opacity, transparency

Comments for this post were disabled by the author