For a live example check out the floating share button on the left which becomes opaque on mouse over
then add
now you can change the opacity by changing the value 20 & 0.2 in a way that if you change 20 to 30 you should change 0.2 to 0.3
then you can save the widget to see the effects
Note that if you set the value 20 to 100 & 0.2 to 1 the widget will be opaque and if its set to 00 and 0.0 it will be completely transparent
now lets start the coddings
How toFirst of all go to blogger [go] then go to design click add widget or edit widget (which you want to be translucent) add the code given below at the top
<style>
#opacity
{
filter:alpha(opacity=20);
opacity:0.2;
}
</style>
<div class="opacity" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity=20">
then add
</div> at the bottomnow you can change the opacity by changing the value 20 & 0.2 in a way that if you change 20 to 30 you should change 0.2 to 0.3
then you can save the widget to see the effects
Note that if you set the value 20 to 100 & 0.2 to 1 the widget will be opaque and if its set to 00 and 0.0 it will be completely transparent
Comments
Post a Comment
Off-topic comments will be removed. Thanks for taking the time to respond. =)