إضف الحركة إلى صورك و أيقوناتك

شرح إضافة الحركة لصور و الايقونات مثل ما هوا ضاهر في مدونتي مثال ايقونة المزيد او أيقونات الشبكات الاجتماعية


1-ادخل إلى حسابك
2-اضغط على : تخطيط + تحرير html  + توسيع قوالب
3-إخفض نسخة إحتياطية للقالب
4- إبحث عن

]]></b:skin>

 CTRL +F للبحث

أضف فوقه مباشرة الكود التالي

.pushbutton a:hover {position: relative; top: 1px; left: 1px;}

يمكنك التحكم في إتجاه الحركة و مقدار الحركة من خلال التغير في

 top: 1px; left: 1px 

وهاذه صورة توضح الاتجهات

طريقة إستعمال الكود 

اولا إبحث عن الصورة او الايقونة التي تريد ان تضيف عليها الخاصية بعدها إستخرج رابط الصورة 

وسيكون هكذا

<img src='رابــط الصورة '/>  

 التعديل 

<span class='pushbutton'><img src='رابط الصورة'/></span>

 مثال توضيحي

قبل 

<a href='http://l3g.blogspot.com/feeds/comments/default'>
<img src='http://icons2.iconarchive.com/icons/fasticon/web-2/24/Feed-icon.png'/></a>

بعد

<span class='pushbutton'>
<a href='http://l3g.blogspot.com/feeds/comments/default'>

 <img src='http://icons2.iconarchive.com/icons/fasticon/web-2/24/Feed-icon.png'/></a></span>

تم تحياتي