I was wondering if someone could make a code that the board can have a lower Opacity. Maybe around 50%? I would have to edit it to see how much. Can this include the menu button and info center?

very easily done with css, i'll have it to you in a bit

<style>
body {
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
</style>

Global Header

I am not sure if Dwight included the Menu Icons. But this will make all images transparent like.

Code:

Select All

 

<script type="text/javascript">
<!--
 
var iLink=document.getElementsByTagName('a');
for(i=0;i<iLink.length;i++){
if(iLink.item(i).firstChild && iLink.item(i).firstChild.nodeName.match(/img/i)){
var iTheGo=iLink.item(i).firstChild;
iTheGo.style.opacity=.6;
iTheGo.style.filter='alpha(opacity=50)';
iTheGo.onmouseover=function(){
this.style.opacity=1;
this.style.filter = 'alpha(opacity=100)';
};
iTheGo.onmouseout=function(){
this.style.opacity=.6;
this.style.filter = 'alpha(opacity=50)';
};
}
}
 
//-->
</script>

<script type="text/javascript"> {BR}<!-- {BR} {BR}var iLink=document.getElementsByTagName('a'); {BR}for(i=0;i<iLink.length;i++){ {BR}if(iLink.item(i).firstChild && iLink.item(i).firstChild.nodeName.match(/img/i)){ {BR}var iTheGo=iLink.item(i).firstChild; {BR}iTheGo.style.opacity=.6; {BR}iTheGo.style.filter='alpha(opacity=50)'; {BR}iTheGo.onmouseover=function(){ {BR}this.style.opacity=1; {BR}this.style.filter = 'alpha(opacity=100)'; {BR}}; {BR}iTheGo.onmouseout=function(){ {BR}this.style.opacity=.6; {BR}this.style.filter = 'alpha(opacity=50)'; {BR}}; {BR}} {BR}} {BR} {BR}//--> {BR}</script>

 

Where the "50" is you can change that from 1-100.

Way at the bottom of Global Footer, everything has to be above it or somethings wont be included.

mine does make the buttons transparent just not an image overlay

Oh I see

Thanks Dwight and DM

np