brave-ledger-verification=f386b1565de1740a39ccbff78e5929f1e8b4c91cb477a27d5592b4bb63cc3c7e اضافة تأثير الدوران على الصور بالمدونة | طيبة مصرية || Tiaba Egyption -->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

السبت، 17 أكتوبر 2015

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

فيما يلي إضافة جميلة بتقنية 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);
  
5- ثم نضغط على   حفظ  النموذج  لحفظ التغيرات .

جزى الله خيرا كل من ساهم فيه

 

ليست هناك تعليقات:

إرسال تعليق