Transparency of sidebar blocks


Author Message
Ken

Posted: 7/29/2009
Quote message 

Have successfully made the sheet background and header transparent, but I do not see where I can choose to make the sidebar (search box, etc.) match the rest of the theme.

Am I missing something obvious?

See Sample - http://viciouslitigator.com/

Thanks -
 
Garry

Posted: 7/29/2009
Quote message 

You should insert color and texture in your sidebar also, it can be done filling texture in blocks, Visit: Blocks->background->texture in Artisteer to do it
 
Joy

Posted: 8/21/2009
Quote message 

I am also looking for the possibility to create 100 % transparency in blocks/sidebar.

In blocks ->texture I can only insert textures, not create transparency.

How can I make my sidebar blocks transparent but still with a border?


 
Garry

Posted: 8/21/2009
Quote message 

This option is currently not available in Artisteer but you can try inserting "background:transparent" in following classes:

art-BlockHeader

and

art-BlockContent

in your style sheet
 
James

Posted: 12/16/2009
Quote message 

Does this suggestion actually work?

I've been struggling to make my blocks transparent, have had no success, and it seems like there must be more to the suggestion.

Quote Garry:

This option is currently not available in Artisteer but you can try inserting "background:transparent" in following classes:

art-BlockHeader

and

art-BlockContent

in your style sheet


 
Adeptris

Posted: 12/16/2009
Quote message 

To make the blocks background transparent just choose from the blocks Header Styles options, select the header styles lookup and select an option from the top row of the With Header section.

Example: http://www.instancesintime.com/misc/clearblock.jpg

David
 
Adeptris

Posted: 12/16/2009
Quote message 

Test if URL tag works:

[url]http://www.instancesintime.com/misc/clearblock.jpg[/url]
 
John Hake

Posted: 3/10/2010
Quote message 

It seems that the content background for the article blocks is really set with a series of classes in template.css
.art-Post-tl
.art-Post-tr etc.
To make the background transparent I tweaked .art-Post-cc
If you just make background:transparent then that is exactly what you get. I wanted a semi-transparent background to balance the appearance of the background showing through with the readabiIity. I created a 1by1 png graphic with the original background colour and then set the transparency to 14 and saved it to the template images folder as named it Post-cc.png.
In the class .art-Post-cc I deleted the background-colour: #fffff9 and added
background-image: url(../images/Post-cc.png);
This gives me the semi transparent background I wanted.
You can adjust the border, I think, by adjusting the
clip: rect (Top,Right,Bottom,Left)
values in the art-Post- tl, tr, bl, br, tc ,bc cl and cr rules.
 
Bud

Posted: 3/10/2010
Quote message 

The best and easiest way to control transparency is with CSS. Below is the CSS property for transparency. You would apply it to .art-Post-cc (art-Block-cc for sidebar blocks) to affect the transparency of background color and images...


filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Old Mozilla - Netscape*/
-khtml-opacity: 0.5; /* Old Safari */
opacity: 0.5; /* FF */


Change the number up or down to make background less or more transparent.

Bud
www.budstechshed.com
 
irfan

Posted: 6/17/2010
Quote message 

its simple to transparent the sidebar go to sidebar and select sidebar styling to no style then choose transparent sheet ........................and its done
 
Mat

Posted: 3/4/2011
Quote message 

"its simple to transparent the sidebar go to sidebar and select sidebar styling to no style then choose transparent sheet ........................and its done"

------------------------------------------------

The simpliest solutions are the best. But sometimes hard to find :)

Thanks Irfan fo this tip
It works perfectly