Moody
Harap maaf, shoutbox di blog ini lambat load :).

How to Install the Effect of Spinning on a Cmmt Avatar


- Log in > Dashboard > Design > Add a Gadget > HTML j.s
- Copy n paste this code :


<style type="text/css">.avatar-image-container img, comments .avatar-image-container img {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;</style>
<script src="http://mootools-code.googlecode.com/files/mootools-1.3.2.js"></script>
<script>window.addEvent("domready",function() {
// "Globals" - Will make things compress mo-bettavar $random = function(x) { return Math.random() * x; };var availableWidth = 0, availableHeight = 0;var cssPrefix = false;switch(Browser.name) {case "safari":cssPrefix = "webkit";break;case "chrome":cssPrefix = "webkit";break;case "firefox":cssPrefix = "moz";break;case "opera":cssPrefix = "o";break;}
// The Icons
var icons = $$(".avatar-image-container img, comments .avatar-image-container img ");// Apply opacityvar zIndex = 1000;// Randomize each linkicons.each(function(element,index) {var startDeg =(360);var resetPlace = function() {element.fade(0.4).setStyle("-" + cssPrefix + "-transform","rotate(" + startDeg + "deg)");
}element.set("style","top:" + $random(availableHeight) + "px; left:" + $random(availableWidth) + "px; z-index:" + zIndex);resetPlace();element.addEvents({mouseenter: function() { element.fade(1).setStyle("z-index",++zIndex).setStyle("-" + cssPrefix + "-transform","rotate(0deg)");},mouseleave: resetPlace});});});</script> 

- SAVE !

0 300 love me:

Related Posts Plugin for WordPress, Blogger...
Copyright © All Rights Reserved moonrobi.blogspot.com