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

سلام عليكم ورحمة الله وبركاته و مرحبا بك في مدونة ماتريال ويب وبطلب من أصدقاء المدونة أقدم لكم طريقة إضافة تأثير على لوجو متل مدونتي علما أنه سبق ونشرنا قالب في تدوينة تحت اسم التالى قالب الحالي ماتريال ويب prumuim (تحميل مجاني)

كما جرات العادة طريقة سهلة جدا كل ما عليك هو إتباع الخطوات التالية :


header logo effect blog mdwabإضافة تأثير على لوجو متل مدونة ماتريال ويب
إضافة تأثير على لوجو متل مدونة ماتريال ويب



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



  1. اول ادخل إلى قالب مدونتك
  2. إبحث عن ]]></b:skin>
  3. ضع الكود التالي فوقه مباشرة



كود إضافة تأتير على لوجو متل مدونة ماتريال ويب



/* Header Logo Effect Blog */
header #header-inner a{position:relative}
header #header-inner a:before,header #header-inner a:after{content:"";position:absolute;top:50%;width:10px;height:100%;transform:translateY(-50%);background-color:rgba(255,255,255,.75);z-index:999999999}
header #header-inner a:before{left:-5%;animation:light-left 3s infinite alternate linear}
header #header-inner a:after{right:-5%;animation:light-right 3s infinite alternate linear}
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}100%{left:105%;opacity:0}}
@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}100%{right:105%;opacity:0}}

يمكنك ايضا إضافة تأثير سقوط ثلج إلى مدونات و المواقع
ادا أعجبتك إضافة فلا تتردد في مشاركة رأيك في التعليقات أسفله فرايك يهمنا
محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب تحت الرابط التالي :https://mdwab.blogspot.com/ مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام
رسائل أحدث رسائل أحدث رسائل أقدم رسائل أقدم

المنشورات ذات الصلة

4 تعليقات

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق

● أن يكون التعليق خاص بمحتوى التدوينة
● أن لا تضع أي روابط خارجية
● أي سؤال خارج محتوى التدوينة يرجى تواصل معنا
● يمكنك تعليق بإستخدام صور ✋👇
  1. عندي قالب ولا اعرف ما هو حجم للوجو هل من طريقة وانا كان حجمه في قالب صغير هل ممكن اعدله ليكون اكبر قليل
    ها اسم قالب Name: Publister

    ردحذف
    الردود
    1. تواصل معي عبر صفحة فيس بوك لحل هدا المسكلة
      👇👇👇👇👇

      صفحة Najiri

      حذف
  2. انت شرحك ممتاز بارك الله فيك

    ردحذف
    الردود
    1. https://1.bp.blogspot.com/-MYpVtCw7YWw/X3jRlnkUuXI/AAAAAAAAIsU/VvB2n7pO-l8BXR6xd9QoExhFmgRkzjhiwCNcBGAsYHQ/s480/giphy%2B%25286%2529.gif

      حذف