تويت
لجعل الإشعارات أكثر وضوحًا كلما تلقيت رسالة أو دردشة جديدة ، يمكنك جعل فقاعة الإشعار الحمراء متوهجة كما في الصورة ادناه يمكن عمل ذلك من خلال اضافه الكود التالي في ملفات CSS , اذهب لقالب css_additional من البحث عن القوالب من داخل لوحه التحكم او من site builder لمعرفه كيفيه الادخال في site builder راجع الموضوع التالي هنا
مثال
الكود في الاسفل او من المرفقات
كود:
/* Glowing Notification Bubble by ienajah.com - START */
.notifications-count {
border-radius: 100%;
-webkit-animation: red-glowing 1500ms infinite;
-moz-animation: red-glowing 1500ms infinite;
-o-animation: red-glowing 1500ms infinite;
animation: red-glowing 1500ms infinite
}
.notifications-count.h-hide-imp {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
@-webkit-keyframes red-glowing {
0% {
background-color: #D31F1F;
-webkit-box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
-webkit-box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
-webkit-box-shadow: 0 0 3px #D31F1F;
}
}
@-moz-keyframes red-glowing {
0% {
background-color: #D31F1F;
-moz-box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
-moz-box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
-moz-box-shadow: 0 0 3px #D31F1F;
}
}
@-o-keyframes red-glowing {
0% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
}
@keyframes red-glowing {
0% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
}
/* Glowing Notification Bubble by ienajah.com - END */
اقرأ ايضا
[الجيل الخامس] . فهرس هاكات واضافات النسخة الخامسة vb5 لمنتديات vBulletin
هاك رسالة ترحيبية للزائر للتسجيل
شرح لاضافة الخط الكوفي للموقع
تعليق