Ders...

Merhaba...

Öncelikle başlığımız da sadece 'ders' yazıyor çünkü tam adını koyamadım :D 

Neyse bu dersi uyguladığınızda mouse'unuzu yukarıda ki resime getirdiğinizde gördüğünüz olacak...

İlk önce Yönetim Paneli > Şablon > HTML Düzenle kısmından CTRL+F yardımı ile ]]></b:skin> kodunu arayın. Bu kodun üzerine hemen aşağıda ki kodu yapıştırın:

.efeitofoo{

border: 4px double #cdcbcb;

-webkit-transition: all 1.1s ease;

}

.efeitofoo:hover{

-webkit-animation: cssAnimation 0.1257s 16 ease;

-moz-animation: cssAnimation 0.1257s 16 ease;

-o-animation: cssAnimation 0.1257s 16 ease;

}

@-webkit-keyframes cssAnimation {

from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }

to { -webkit-transform: rotate(0deg) scale(0.872) skew(1deg) translate(0px); }

}

@-moz-keyframes cssAnimation {

from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }

to { -moz-transform: rotate(0deg) scale(0.872) skew(1deg) translate(0px); }

}

@-o-keyframes cssAnimation {

from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }

to { -o-transform: rotate(0deg) scale(0.872) skew(1deg) translate(0px); }

}

Daha sonra eklemek istediğiniz yere aşağıda ki kodu ekleyin:

<a href="LİNK ADI" title="İSİM"><img src="RESMİN URL ADRESİ BURAYA" class="efeitofoo" /></a>

İşte bu kadar... :3