اضافة تاثير رائع وجذاب لشعار المدونة 2015

السلام عليكم و رحمة الله تعالى و بركاته

سعيد بلقائكم مجددا احبابي في الله زوار و متتبعي شروحات مهووس على مدونة كل العرب مطور بلوجر
سأقدم لكم اليوم طريقة رائعة لاضافة تاثير يجعل شعار مدونتك يتحرك بشكل دائري عند وضع مؤشر الماوس عليه .
 

للمعاينة ضع  مؤشر الماوس على شعار مدونتي
 

بسم الله نبدأ شرح الاضافة :

 أولا قم بأخذ نسخة احتياطية تفاديا للاخطاء
 ثم ادخل الى لوحة تحكم مدونتك
اضغط على القالب

 ثم تحرير HTML

 قم بالبحث عن هذا الكود :

]]></b:skin>

ثم ضع قبله مباشرة هذا الكود :

#header-inner{
 -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
#header-inner:hover{
-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

اضغط على حفظ التغيرات .
ثم اذهب الى صفحة المدونة وشاهد النتيجة
مبروك عليك الاضافة
اتمنى ان هذه الاضافة البسيطة قد اعجبتكم
اي اسئلة او استفسار نحن رهن الاشارة

لا تنسوا الاشتراك للتوصل بجديد المدونة

شارك الموضوع إذا أعجبك

share

Med Service