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

[تذكارُ...!]

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




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

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

نتيجة:

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>

[رحيل]

سلمت يمينك
دمت ودام ابداعك وتميزك

[نبضها مطيري]

طرح جميل
يعطيك العافيه

[- سمَـا.]

-





















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

[غـُـلايےّ]

جَلب جمِيل
سلمت الأنَامل المُتألقة لِروعة طرحها
لا آنحرمنا مِن آلقَادم

[جَوآهر]

يعطيك الف عافيه على الطرح الجميل
سلمت :r4:

[Şøķåŕą]

_



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

[أفين]

_




يعطيج العافيه.~

[عبد الحليم]

طرح يفوق الجمال
كعادتك إبداع في صفحآتك
يعطيك العافيه يارب
وبإنتظار المزيد من هذا الفيض
لقلبك السعادة والفرح
ودي..

[نور القمر]

شكراً ع روووعة طرحك
دمت ودام عطائك
ودائما بأنتظار جديدك
كل الود

[رحيل]

نص جميل وحروف عذبة ،
حرفك هنا يشع جمالاً ،
سلمت الأكُف وسلمت ،
لقلبك السَعادة

[أيــلُولَ]

انتقاء متميز
سلمت الاكف للجلب
عميق ودي

[إِيزآبَيل♡]

-
,
















عُطِآءَ مُتوآصِلَ آخُآذِ . .
وفُيضِ آخُرَ مَِن المُعّرفةِ والفُآئِدةَ
شُكرِ مُمَِتِددِ وتُقديِرَ . .

وُدِ مُعتقَ . .
~

[نور القمر]

بااقة ..من أرق عبارات الشكر
لهذا العطاءالمتميز والإنتقاء الراقي
بـ إنتظار جديدك وعذب أطرٌوحاتك
تحيتي وتقديري

[غـُـلايےّ]

جّلبْ انيَيق وَمميُز
وَعِطاءْ رآقيُ وَجميلْ ..
تسِلم ايُديكْ يــآربَ ..
ولاعَدمنا جمُآل إطِلالتك
تقِديُري ِ ،’
..~

[سمارا]

تسلم الأيادي على ما قدمت
ننتظر جديدك بكل شوق
تقبل مني أعطر التحايا

سمأأأأأرا

[غـُـلايےّ]

جّلبْ انيَيق وَمميُز
وَعِطاءْ رآقيُ وَجميلْ ..
تسِلم ايُديكْ يــآربَ ..
ولاعَدمنا جمُآل إطِلالتك
تقِديُري ِ ،’
..~

[Şøķåŕą]

_



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

[رحيل]

:610:





سلمت الايادي المبدعه..
تحيه طيبه

[Şøķåŕą]

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

[نور القمر]

إنتقاء ثريّ بالجمـال والروعــه
سلمت الأنامل ويعطيك العآفيه لروعة طرحك
بانتظارجديدك بكل شوق

[بنت العز]

يعطيك العافيه على هذا الابداع
سلمت يمناك ولاعدمنا جديدك المميز

[حاء]

_


ذائقة مُترفة
سلم العطاء ودامت إشراقة الضياء
تحية تقدير مُعتّقة بـِ المسك ض2..!

[Şøķåŕą]

طرح مميز ورائع
سلمت الأيادي عالطرح
دمت بود :85:

[مثلي قليل]

يسلمو على الطرح الرائع
يسعدك ربي ض2

[Şøķåŕą]

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