Tutorial: Navigation icons onHover with color comment
5.5.13
The preview can be viewed in my blog itself. Here's what you do if you wanna get those;
<a href="/" title="refresh"><img src="http://i.imgur.com/tp7bS4E.png" onmouseover="this.src='http://i.imgur.com/qczZxjO.png';" onmouseout="this.src='http://i.imgur.com/tp7bS4E.png';"style="width:14px;opacity:.35;"></a>
<a  href="/" title="about me!"><img src="http://i.imgur.com/DfC7r0D.png" onmouseover="this.src='http://i.imgur.com/riK8o08.png';" onmouseout="this.src='http://i.imgur.com/DfC7r0D.png';"style="width:15px;opacity:.50;"></a>
<a href="/" title="tutorials"><img src="http://i.imgur.com/9R40s64.png" onmouseover="this.src='http://i.imgur.com/0AIJKl1.png';" onmouseout="this.src='http://i.imgur.com/9R40s64.png';"style="width:15px;opacity:.50;margin-top:1px;"></a>
<a href="/" title="Freebies"><img src="http://i.imgur.com/8J1lsTb.png" onmouseover="this.src='http://i.imgur.com/jA8vVeT.png';" onmouseout="this.src='http://i.imgur.com/8J1lsTb.png';"style="width:15px;opacity:.50;"></a>

the important code is:
onmouseover="this.src='IMAGE URL';" onmouseout="this.src='IMAGE URL';"