إضافة تأثير التموج لمدونات بلوجر | waves effect & ripple

عبدو تكنولوجي - Abdou Technologie
11 يونيه 2018
إضافة تأثير التموج لمدونات بلوجر | waves effect & ripple
السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي شرح اليوم يتعلق ب افكت التموج و هوا متواجد بكثرة في قوالب التي تعمل ب المتريال ديزاين و يصادفكم حتى في محرك البحث جوجل عندا الضغط على محرك البحث يظهر لك تموج يزيد جمالية الموقع 

شرح اليوم يعلمك كيف تضيف ذاك الافكت و التعامل معه ايضا


  1. إبحث على </head> وضع الكود التالي فوقه 






  1. الان إبحث على </body> وضع هذا الكود فوقه



الان في مكان تريد ظهور فيه التموج تضيف هذا في كلاص waves-effect
مثال


  1.  <a class="waves-effect" href="https://www.abdoutech.org" title="تجربة"><span>تجربة</span></a>

الان لو تريد ان يضهر التموج في مكان يكون لونه ابيض او لون فاتح اضف هذا class='waves-effect'

واذا كان للون غامق مثل الاسود ضف هذا  class='waves-effect waves-light'




اذا  اعجبك شرح لا تنسى الاشتراك في المدونة و اي استفسار يمكنك مراسلتي من هنا
تعليقات
  • Unknown 11 يونيو 2018 في 12:35 م

    كيفية جعل القائمة في عبدو فور آب متجاوبة

  • جيك برو | Geek Pro 12 يونيو 2018 في 1:49 م

    شكـرررررررررا جدا اخي عبدو و الله انك شخص رائع:)8-)(p)(y)x-)(h)





    • جيك برو | Geek Pro 12 يونيو 2018 في 2:08 م

      بس دلوقتي انا اريد ان تظهر عند الضغط علي الطور كيف اخي عبدو

  • جيك برو | Geek Pro 12 يونيو 2018 في 1:53 م

    (k)

  • جيك برو | Geek Pro 13 يونيو 2018 في 9:40 ص

    بس دلوقتي انا اريد ان تظهر عند الضغط علي الصور كيف اخي عبدو

    • عبدو تكنولوجي - Abdou Technologie 13 يونيو 2018 في 1:51 م

      <div class="waves-effect waves-light"><img src="رابط صورة" /></div>


      او اذا كان الصورة مضمنة في رابط هكذا


      <a href='هنا مثال لرابط' class="waves-effect waves-light"><img src="رابط صورة" /></a>

  • Unknown 16 يونيو 2018 في 12:17 ص

    (k)(y)(f)
    نريد هدية العيد

  • Unknown 6 سبتمبر 2018 في 2:14 ص

    ممكن تعمل شرح للموضوع لو سمحت اخى عبدو

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع