شرح شرح عمل نبض وميض على زر التسجيل

الموضوع في 'منتدى شروحات واضافات الزينفورو' بواسطة cherki, بتاريخ ‏فبراير 29, 2020.

  1. cherki

    cherki زيزوومي جديد

    إنضم إلينا في:
    ‏يونيو 8, 2013
    المشاركات:
    36
    الإعجابات :
    20
    نقاط الجائزة:
    50
    الجنس:
    ذكر
    الإقامة:
    maroco
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10


    شرح عمل نبض وميض على زر التسجيل Pulsing Register Button



    هل ترغب في جذب انتباه الزوار الذين يزورون المنتدى؟

    بعد تشغيل الكود التالي ، سيظهر زر "التسجيل" حول نبضات القلب.

    نتيجة:

    [​IMG]

    الطريقة كالتالي:



    1 : إضافة إلى القالب extra.less

    كود PHP:
    /* PULSE ANIMATION */
    .pulse {
        
    positionrelative;
      
    box-shadow0 0 0 0 rgba(23276610.7);
      
    cursorpointer;
      -
    webkit-animationpulse 1.25s infinite cubic-bezier(0.66001);
      -
    moz-animationpulse 1.25s infinite cubic-bezier(0.66001);
      -
    ms-animationpulse 1.25s infinite cubic-bezier(0.66001);
      
    animationpulse 1.25s infinite cubic-bezier(0.66001);
    }
    .
    pulse:hover {
      -
    webkit-animationnone;-moz-animationnone;-ms-animationnone;animationnone;
    }

    @-
    webkit-keyframes pulse {to {box-shadow0 0 0 45px rgba(23276610);}}
    @-
    moz-keyframes pulse {to {box-shadow0 0 0 45px rgba(23276610);}}
    @-
    ms-keyframes pulse {to {box-shadow0 0 0 45px rgba(23276610);}}
    @
    keyframes pulse {to {box-shadow0 0 0 45px rgba(23276610);}}

    2: في قالب "Page_container" ، ابحث عن :

    [​IMG]

    كود PHP:
    <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
    غيره بالكود التالي:


    كود PHP:
    <span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span>

    [​IMG]

    انتهينا اتمنى ان ينال اعجابكم تقبلوا فائق تحياتي






     
  2. أسيرالشوق

    أسيرالشوق عضو شرف الأعضاء النشطين لهذا الشهر كبار الشخصيات

    إنضم إلينا في:
    ‏يونيو 2, 2008
    المشاركات:
    30,886
    الإعجابات :
    15,576
    نقاط الجائزة:
    3,520
    الجنس:
    ذكر
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Windows 7
    شكراً على حضورك ومشاركتك
     
    أعجب بهذه المشاركة cherki
  3. super- power

    super- power زيزوومي نشيط

    إنضم إلينا في:
    ‏أكتوبر 27, 2019
    المشاركات:
    148
    الإعجابات :
    68
    نقاط الجائزة:
    190
    الجنس:
    ذكر
    الإقامة:
    الغربيه
    برامج الحماية:
    avast
    نظام التشغيل:
    Windows 7
    بارك الله فيك
     

مشاركة هذه الصفحة

جاري تحميل الصفحة...