شرح إضافة الحركة لصور و الايقونات مثل ما هوا ضاهر في مدونتي مثال ايقونة المزيد او أيقونات الشبكات الاجتماعية
1-ادخل إلى حسابك
2-اضغط على : تخطيط + تحرير html + توسيع قوالب
3-إخفض نسخة إحتياطية للقالب
4- إبحث عن
CTRL +F للبحث
أضف فوقه مباشرة الكود التالي
.pushbutton a:hover {position: relative; top: 1px; left: 1px;}
يمكنك التحكم في إتجاه الحركة و مقدار الحركة من خلال التغير في
top: 1px; left: 1px
وهاذه صورة توضح الاتجهات
طريقة إستعمال الكود
اولا إبحث عن الصورة او الايقونة التي تريد ان تضيف عليها الخاصية بعدها إستخرج رابط الصورة
وسيكون هكذا
التعديل
<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>
تم تحياتي
ليست هناك تعليقات:
إرسال تعليق