Post Top Ad

Your Ad Spot

الجمعة، 12 يونيو 2015

تغيير لون خلفية المدونة الى عدة الوان متحركة Animated Color Changing Background

فى احدى المدونات الأجنبية وبالأخص بقسم دروس بلوجر لفت انتباهى تدوينة اكثر من رائعة تشرح لنا كيفية تغيير خلفية المدونة الى عدة الوان متحركة بمعنى ستجد خلفية المدونة باللون الاحمر ثم تتغير الى الوان الازرق وهكذا اعتقد هذه الطريقة ستعجب اصحاب المدونات الذيين يعشقون التزيين والتجميل .
هذه الطريقة تختلف عن التدوينة الذى وضعتها لكم وهى وضع خلفية ثابتة لمدونات بلوجر - خلفية بجوانب المدونة وايضا تختلف عن هذه التدوينة لانها تتمثل فى الصور وليست الالوان : جعل خلفية المدونة تتغير تلقائيا اثناء التصفح BACKGROUND CHANGER AUTOMATICALLY


كيفية تركيب الاضافة الى المدونة :

قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML

الان قم بالبحث عن هذا الكود :
]]></b:skin>
اضف قبلة هذا الكود :
body {
animation: colorBackground 22s infinite; 
-webkit-animation: colorBackground 22s infinite; 
-moz-animation: colorBackground 22s infinite; 
-o-animation: colorBackground 22s infinite; 
}
@keyframes colorBackground {
0% { background-color: #B461FB; color: #B461FB; }
20% { background-color: #74E588; color: #74E588; }
40% { background-color: #F98585; color: #F98585; }
60% { background-color: #50BFE1; color: #50BFE1; }
80% { background-color: #4256EF; color: #4256EF; }
100% { background-color: #B461FB; color: #B461FB; }
}
@-webkit-keyframes colorBackground {
0% {background-color: #B461FB; color: #B461FB;}
20% {background-color: #74E588; color: #74E588;}
40% {background-color: #F98585; color: #F98585;}
60% {background-color: #50BFE1; color: #50BFE1;}
80% {background-color: #4256EF; color: #4256EF;}
100% {background-color: #B461FB; color: #B461FB;}
}
@-moz-keyframes colorBackground {
0% {background-color: #B461FB; color: #B461FB;}
20% {background-color: #74E588; color: #74E588;}
40% {background-color: #F98585; color: #F98585;}
60% {background-color: #50BFE1; color: #50BFE1;}
80% {background-color: #4256EF; color: #4256EF;}
100% {background-color: #B461FB; color: #B461FB;}
}
@-o-keyframes colorBackground {
0% {background-color: #B461FB; color: #B461FB;}
20% {background-color: #74E588; color: #74E588;}
40% {background-color: #F98585; color: #F98585;}
60% {background-color: #50BFE1; color: #50BFE1;}
80% {background-color: #4256EF; color: #4256EF;}
100% {background-color: #B461FB; color: #B461FB;}
}
بالاخير اضغط على حفظ وانتهى التركيب 
الان اذهب الى الصفحة الرئيسية للمدونة لتشاهد النتيجة 
ارجو بأن هذه الاضافة تستحق النقل لكم .
مصدر التدوينة من موقع : bloggerspice.com

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

  1. رائع جداً و لكن كيف نتحكم في سرعة الانتقال من لون لآخر

    ردحذف
  2. رائع جداً و لكن كيف نتحكم في سرعة الانتقال من لون لآخر

    ردحذف

  3. شركة مكافحة حشرات بالمدينه المنوره


    مكافحة جميع انواع الحشرات والقوارض بالمدينة المنورة بافضل التقنيات
    بايدى متخصصين ماهرين فى مجال مكافحة الحشرات باليات حديثة عاية الجودة
    رش حشرات بالمدينة المنوة مكافحة الصراصير
    النمل العتة البق النمل الابيض الفئران
    الافاعى الابراص افضل انواع المبيدات
    طعوم عالمية للفئران
    اتصل بنا 0550617882
    زورو موقعنا

    شركة مكافحة حشرات بالمدينة المنورة


    شركة مكافحة البق بالمدينة المنورة


    شركة مكافحة النمل الابيض بالمدينة المنورة


    شركة مكافحة الصراصير بالمدينة المنورة


    https://www.youtube.com/watch?v=9gXhlVaS9rk

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad