السلام عليكم ورحمة الله وبركاته
تعديل بسيط وجميل بنفس الوقت لتنبيه الزائر على زر التسجيل.
مثال:
الخطوات:
افتح قالب:
احفظ القالب.
افتح قالب:
ابحث عن الكود التالي:
استبدله بالكود التالي:
احفظ القالب.
انتهى.
تعديل بسيط وجميل بنفس الوقت لتنبيه الزائر على زر التسجيل.
مثال:
الخطوات:
افتح قالب:
Extra.less واضف الكود التالي في نهايته.
CSS:
/* 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);}}احفظ القالب.
افتح قالب:
Page_containerابحث عن الكود التالي:
HTML:
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>استبدله بالكود التالي:
HTML:
<span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span>احفظ القالب.
انتهى.
