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

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




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

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

نتيجة:



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



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>

-

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

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

عوافي للطرح

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

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