Elxis CMS Forum

Support => General => Topic started by: ahmet on April 29, 2011, 12:42:59

Title: transparent template
Post by: ahmet on April 29, 2011, 12:42:59

hello all,
how can we apply transparency to modules and etc.?
is it done by javascript?
hers the site its elxis..my favourite one
http://www.promoweb.gr/yphresies/diadiktyo/web_design.html

Title: Re: transparent template
Post by: ks-net on April 29, 2011, 14:50:32

can be done by javascript...

but css is easier and most used

background: none;
or
background: url(my-transparent.png)  etc....

Title: Re: transparent template
Post by: ahmet on April 29, 2011, 16:16:15

thanks...
great community.....
i am very happy that i have this community...

Title: Re: transparent template
Post by: ahmet on April 30, 2011, 16:55:49

yes i tried it...but i want no repeat so the xx.png is huge...1024*800 px...
is there any other way to give transparecy like %70 on jpg?
thanks..

Title: Re: transparent template
Post by: ahmet on April 30, 2011, 18:27:29

Quote from: ks-net on April 29, 2011, 14:50:32

can be done by javascript...

but css is easier and most used

background: none;
or
background: url(my-transparent.png)  etc....

<img src="klematis.jpg" width="150" height="113" alt="klematis"
style="opacity:0.4;filter:alpha(opacity=40)" />

Firefox uses the property opacity:x for transparency, while IE uses filter:alpha(opacity=x).

Tip: The CSS3 syntax for transparency is opacity:x.

In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent.

In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.

Title: Re: transparent template
Post by: ks-net on April 30, 2011, 23:10:11

opacity property is not XHTML valid

css3 is not yet supported on all browser and not fully covered in any browser...

html-img-tag  and  css-background  is totality different things

Title: Re: transparent template
Post by: ahmet on May 02, 2011, 11:13:05

yes you are right,
it didnt work..