hover opacity Options

[rosedoll]

I have a border around my blog with modules. which is this part here:


table.navigation, table.main, table.footer {
/* the width of your blog with modules */
border: 3px dotted FFFFFF;
background-color: black;
background-image: url(url);
FILTER: alpha(opacity=80);
width: 90%;

what i wanna ask is that when im having a background picture.
when my mouse aint hovering the blog and modules. can it be all transparent?
and when i hover the blog and modules or the whole page, it turns back to normal?
so i could see my background picture clearly cus im using the filter thing.
thankyou for your understandingggggggggggggggg pls..

[talcumpowder]

CODE

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "blogbody"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

[ http://www.xanga.com/shortvi3tlaydee ]?

[rosedoll]

CODE

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "blogbody"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

[ http://www.xanga.com/shortvi3tlaydee ]?

NOOOOOO!! IS NOT ONLY FOR THE ENTRY THOUGH......... IS THE WHOLE XANGAA``
WHOLE PAGE INSIDE!!
THANKYOUUUUUUU``

[rosedoll]

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "blogbody"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>


Can i replace the word BLOGBODY from above to WHOLE BODY or something? i want to change the word that represents the whole thing!

[OneOfTheseDayz]

why would you do that it already makes the whole thing change?????
If its that the code is skrewing up try to change it to "blog" not "wholebody".......

[rosedoll]

could anyone give me a script that makes your page which is the modules, blogs and the background in your blog with modules TRANSPARENT? like to make the opacity=0? but when you hover it...... it turns back to opacity=100.....

[n00b]

Is there such thing?
I have never heard of that.
But that would be an interesting script.
Do you have an example, perhaps?

[talcumpowder]

Please don't post duplicate topics. Try using the above code with... This.

CODE

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "left"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

-> Topics Merged.

[rosedoll]

Please don't post duplicate topics. Try using the above code with... This.

CODE

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "left"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

-> Topics Merged.

this script is not too bad but its not the specific one i needed
here is a xanga site:
www.xanga.com/wiiwee/

and what i meann is that when i hover the PINK DOTS.. the whole thing inside transparents.
but the one you gave me.....you have to hover on to each one then it will turn back to normal...but i wannt it all together..... =]]]]=]]]

[talcumpowder]

.... You could put the entire thing in another table. It's not that easy to work with tho.

CODE

<table class="hover">
<tr><td>

^ Into header... And the following into Webstats.

CODE

</td></tr></table>

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "hover"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

[rosedoll]

.... You could put the entire thing in another table. It's not that easy to work with tho.

CODE

<table class="hover">
<tr><td>

^ Into header... And the following into Webstats.

CODE

</td></tr></table>

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "hover"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

hmmm? do you think it works? mines dont work tho >^<::*

[talcumpowder]

Your background is white, I'd just like to point that out.
[ http://www.xanga.com/rhythmsicle ]

[rosedoll]

hmm. wut do you mean by my background is white?`` i went to the website you gave out..... i think thats wut i wanted? but the above script that another person gave me..... it doesnt work!

[talcumpowder]

The background of your xanga is white. It's set to a white overlay of the text. That's why it's visable on mine, but not on yours.

[rosedoll]

ohhhhh`` it works now.....but then how cum the top part is cutted off!!!?
and the area is not big enough!!!! and when i use the front page script`` it doesnt work.......i have to take it off,,,,,,

[rosedoll]

can anyone answer my question? (above)

[rosedoll]

<table class="hover">
<tr><td>



</td></tr></table>

<script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;

//Sets rollover opacity
msvropcty = 100;

////////////////////////////////////

tables = document.getElementsByTagName('table');

for(var j=0;j<tables.length;j++){

if(tables[j].className == "hover"){

tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}

}

}

//--></script>

how come this script made the top of my xanga gone? its not wide enough`` is there any way to adjust the width for it?

[talcumpowder]

Um.... You do know where the different sections of code go, right? I'm just asking because you posted them all together and they don't go ll together. How wide do you need it? It already should span the width of whatever content you have. That the specific reason WHY I didn't add a fixed width to it.
-> Topics Merged.

[rosedoll]

haha ofcorse i know where to put them.. the top part i put it in the custom header and the bottom part put it in webstats right? ....
no it aint,,, the top part of my xanga is gone.... mayb its because that i took off the xanga ad and putted sth on it.... but its not just that parts gone.. even my entry dates are gone =v=

[talcumpowder]

Um.... No it's not. This, correct? Yeah, uh, would you like me to take a screenshot of what I see? 'cause it's all there minus the ad.

[rosedoll]

ok..

hmm?`` how come i attached a picture file and it doesnt show?

[talcumpowder]

.... Because the thumbnails are being weird. Or so I've heard.
[ http://img.photobucket.com/albums/v394/Kan.../screenshot.gif ]
See, um, your whole page shows.

[rosedoll]

hahaha lols but its not this one.....
http://www.xanga.com/dollroseee/ try this.. haha but yea`` i dun really wanna public one my xanga tho =x=``

[rosedoll]

PLEASEEEEEEEEEEE HELPPPPPPPPPPP!!!!!!!!!!!!!

[rosedoll]

.... Because the thumbnails are being weird. Or so I've heard.
[ http://img.photobucket.com/albums/v394/Kan.../screenshot.gif ]
See, um, your whole page shows.

Senior Member


Group: Member
Posts: 31
Joined: Apr 2006
Member No: 391,072
Status: Online!

Warn: (0%)

hahaha lols but its not this one.....
http://www.xanga.com/dollroseee/ try this.. haha but yea`` i dun really wanna public one my xanga tho =x=``