February 3rd, 2010 at 6:47pm

Fancy following icons

You’ll have to use custom HTML to do this. If you’re not familiar with it, I don’t recommend this, as you can accidentally mess something up.

Basically, you will have slightly transparent Following icons. When you move your mouse over them, they become full coloured. I find it pretty fancy. You can see an example on my Tumblr’s sidebar.

What you need to do:

Add this before the </head> tag in your theme:

<script language=”Javascript”>
function lightup(imageobject, opacity){
if (navigator.appName.indexOf(“Netscape”)!=-1&&parseInt(navigator.appVersion)>=5)
imageobject.style.MozOpacity=opacity/100
else if (navigator.appName.indexOf(“Microsoft”)!=-1&&parseInt(navigator.appVersion)>=4)
imageobject.filters.alpha.opacity=opacity
ImageObj.style.filters.alpha.opacity=50
ImageObj.style.MozOpacity=0.5
}
</script>

Find <img src=”{FollowedPortraitURL-30}” alt=”{FollowedName}”/> in your code and add this:

<img src=”{FollowedPortraitURL-30}” alt=”{FollowedName}” style=”filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;” onMouseover=”lightup(this, 100)” onMouseout=”lightup(this, 50)”/>

You can also put the opacity in your CSS. Just add the following:

<img src=”{FollowedPortraitURL-30}” alt=”{FollowedName}” class=”icons” onMouseover=”lightup(this, 100)” onMouseout=”lightup(this, 50)”/>

And add this in your CSS:

.icons {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

Note: I used portrait size 30, so remember to
change it if you want smaller/bigger icons.

Voilà, you’re ready!

blog comments powered by Disqus

Nisha is an eccentric chick loving life, the world and everything in it.
nisha [at] no24.org msn [at] no24.org
Tags: poetry  vegan  quote  creative writing
 
My "comic" project  &  My art
 
 

 70s   80s   acoustic   alternative   anarcho-punk   arabic   blues   british   chillout   classic rock   folk   gothic   hard rock   indie   industrial   jazz   new wave   post-punk   punk   punk rock   rock   ska   ska punk   soul   victoriandustrial   vocal jazz 

  Lizmari  Tina  Daniel  Marja  Ellis
I post this and that but I try to keep it original most of the time. Everything on this blog is by me unless otherwise noted.
 
RSS  |  Archive
 
Help & Resources
Highslide
Free Icons Web
Dynamic Drive
DinPattern
stock.xchng
DaFont
W3C