اضافة تأثير الدوران على الصور بالمدونة

فيما يلي إضافة جميلة بتقنية css تضيف لصور المدونة حركة دوران عند مرور الماوس عليها ، ولكي يتم عمل ذلك نتبع الخطوات التالية :

طريقة التعديل

(مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير )

1- توجه للوحة التحكم الرئيسية لمدونتك

2- تصميم

3-تحريرhtml

4- توسيع للقالب

أما بالنسبة لمستخدمي لوحة التحكم الجديدة

1 -لوحة التحكم الرئيسية بمدونتك

2-أختار من القائمة (قالب)

3- تحريرhtml

4- متابعة

5- توسيع قوالب عناصر واجهة المستخدم

شرح تفصيلي لطريقة التركيب بالنسبة لمحرر بلوجر الحديث

1- ندخل الى لوحة تحكم المدونة .

2- نضغط على كلمة قالب من القائمة الجانبية مثل الصورة التالية :

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

ومن تلك الصورة السابقة نضغط على تحرير HTML ، لكي يظهر لنا الصورة التالية:

3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):

]]></b:skin>

4 - بعد أن نجد الكود السابق نضع الكود التالي فوقه مباشرة :

.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);