الاشعارات والتنبيهات المتوهجة

تقليص
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • [الجيل الخامس] الاشعارات والتنبيهات المتوهجة


    لجعل الإشعارات أكثر وضوحًا كلما تلقيت رسالة أو دردشة جديدة ، يمكنك جعل فقاعة الإشعار الحمراء متوهجة كما في الصورة ادناه يمكن عمل ذلك من خلال اضافه الكود التالي في ملفات 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
    هاك رسالة ترحيبية للزائر للتسجيل
    شرح لاضافة الخط الكوفي للموقع
    الملفات المرفقة
    التعديل الأخير تم بواسطة HaMooooDi; الساعة 05-25-2020, 02:01 PM.

  • #2
    اضغط على الصورة لعرض أكبر

الاسم: image_2384.png
الحجم: 17.6 كيلوبايت
رقم التعريف: 225039

    ايضا كيفيه جعل ايقونه العضو المتواجد حاليا متوهجه للاعضاء المتواجدين اضف الكود التالي في css

    اضغط على الصورة لعرض أكبر

الاسم: image_2383.png
الحجم: 157.8 كيلوبايت
رقم التعريف: 225038

    من المرفقات

    تعليق

    المواضيع ذات الصلة

    تقليص

    المواضيع إحصائيات آخر مشاركة
    أنشئ بواسطة HaMooooDi, 03-20-2024, 03:10 AM
    ردود 0
    20 مشاهدات
    0 معجبون
    آخر مشاركة HaMooooDi
    بواسطة HaMooooDi
     
    أنشئ بواسطة HaMooooDi, 02-28-2024, 12:57 AM
    ردود 0
    19 مشاهدات
    0 معجبون
    آخر مشاركة HaMooooDi
    بواسطة HaMooooDi
     
    أنشئ بواسطة HaMooooDi, 02-18-2024, 04:24 AM
    ردود 0
    12 مشاهدات
    0 معجبون
    آخر مشاركة HaMooooDi
    بواسطة HaMooooDi
     
    أنشئ بواسطة HaMooooDi, 02-10-2024, 09:25 PM
    ردود 0
    17 مشاهدات
    0 معجبون
    آخر مشاركة HaMooooDi
    بواسطة HaMooooDi
     
    أنشئ بواسطة HaMooooDi, 02-09-2024, 04:06 PM
    ردود 0
    32 مشاهدات
    0 معجبون
    آخر مشاركة HaMooooDi
    بواسطة HaMooooDi
     
    يعمل...
    X