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

[نور القمر]

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




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

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

نتيجة:

https://xenforoarabic.com/attachments/pulsing-register-button-gif.1071/

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



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" ، ابحث عن :

https://xenforoarabic.com/attachments/2020-02-29_14-55-27-png.1184/

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

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


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

[أيــلُولَ]

-

كل الامتنان لهذا الطرح
في آنتظار جديدك المميز
عميق الود :em10:

[خالد الشاعر]

موضوع رائع ومميز
طرحتى فابدعتى دمتى ودام عطائكِ
سلمتْ أناملكِ على الجلب المميز
اعذب التحايا لكى
خ ـالد الشاعر :5ajle:

[إيلين]

عوافي للطرح

[Şøķåŕą]

تميز في الانتقاء
سلم لنا روعه طرحك
نترقب المزيد من جديدك الرائع
دمت ودام لنا عطائك
لكـ خالص احترامي

[شيخة المزايين]

سلمت اناملك على الإنتقاء
دمت بسعادة بحجم السماء
لقلبك طوق الياسمين

[- سمَـا.]

-















سلمت الأيادي ..
ويعطيك العافية لـ جمال الآنتقاء
لروحك جنائن الورد :f15:.

[ملك العالم]

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

[بنت الشام]

سلمت يدآك على هذآ الإبدآع
لاعدمنـآ هذا التميز
بـ إنتظارجديدك بكل شوق
مع خالص شكري وتقديري

[♡ Šąɱąя ♡]

سلمت يمينك على ما نثرت من رقي و إبداع
أتمنى لكـ دوام التألق و التميز
تقديري يسبقه إحترامي

[نور القمر]

منورين بمروركم العطر

[فرآشه ملآئكيه]

انتقاءك جميــل
يعطيك العافيه يارب , ع الموضوع ! دمت ودام ابداعك
ودي

[نور القمر]

منورين بمروركم العطر

[Şøķåŕą]

_



سلمت الأيادي ..
ويعطيك العافية لـ جمال الآنتقاء
لروحك جنائن الورد .

[بنت العز]

سلمت الأيادي ..
ويعطيك العافية لـ جمال الآنتقاء

[نور القمر]

متصفح مميز ومحتوى جميل
ذائقة وروعة الفائدة بموضوعك
ننتظر ابداعاتك القادمة
لك جل الشكر والتقدير

[Şøķåŕą]

شكراً لك
بإنتظار الجديد القادم
دمت بكل خير

[حاء]

_



تباركت أناملك
وليُمنآك الجآلبه عُمق الشكر
ولـِ روحك أجل سلاماً :ho12:..

[Şøķåŕą]

شكراً لك
بإنتظار الجديد القادم
دمت بكل خير

[مثلي قليل]

سلمت اناملك على الطرح الرائع
يعطيك العافيه ض2

[غـرام الشوق]

شلال ابداعك مازال منهمر...
دمت ودام نبض قلمك الرائع...
وننتظر جديدك بشووق...
مجهود رائع تشكر عليه

[نور القمر]

سلمت كفوفك ..
لطيب الجهد وَ تمُيز العطاء
لاحرمنا الله روائِع مجهوداتك
لقلبك الفرح.