HOME OWNER TUTORIALS INFO & TIPS EXCHANGE CONTACT ME

Gambar Di Comment Berpusing

Assalamualaikum !


Korang tengok gambar Mrs Valentine , gambar dia nak berpusing apabila Effa lalukan cursor Effa kat muka dye.

1. Dashboard - Layout - Add A Gadget - HTML/Javascript

2. Copy kod di bawah :


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

3. Paste di bahagian HTML/Javascript

4. Siap !

No comments: