هيلبرنت | Helpernt - [ شرح ] : عمل نبض وميض على زر التسجيل Pulsing Register Button

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

- - [ شرح ] : عمل نبض وميض على زر التسجيل Pulsing Register Button (https://www.helpernt.com/vb/showthread.php?t=10501)

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

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

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

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

نتيجة:

https://i.imgur.com/heAIeqB.gif

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

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

كود PHP:


		
			
/* PULSE ANIMATION */

.pulse {

    position: relative;

  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);

  cursor: pointer;

  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

}

.pulse:hover {

  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;

}



@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

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

كود PHP:


		
			
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>

غيره بالكود التالي:

كود PHP:


		
			
<span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span>

https://i.imgur.com/UaarOUH.gif

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

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

اقتباس:

المشاركة الأصلية كتبت بواسطة abo-karim (المشاركة 35729)

رغم تكرار الدرس اكثر من مره

طريقة اضافة تاثير وميض على زر التسجيل اثناء مرور الماوس شرح للجيل الثانى

طريقة اضافة بلس او وميض على زر التسجيل باسكريبت الزين فورو الجيل الثانى

لكن لا يمنعنا ابدا ذلك فى شكرا

اسف اخي لم انتبه لوجود موضوع بالمعهد

يمكنك اغلاق موضوعي اخي شكرا لك