هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن تطـوير منتديات vBulletin (https://www.helpernt.com/vb/forumdisplay.php?f=4)
-   -   [ vBulletin 5 ] : تنبيهات الجيل الخامس بشكل جديد, اضافة وهج لتنبيهات والاشعارات (https://www.helpernt.com/vb/showthread.php?t=10616)

هيلبرنت 05-19-2020 08:31 PM

تنبيهات الجيل الخامس بشكل جديد, اضافة وهج لتنبيهات والاشعارات
 
السلام عليكم ورحمه الله وبركاته

هذا التعديل سوف يجعل الإشعارات أكثر وضوحًا كلما تلقيت تنبيه جديد سواء كان هذا التنبيه لرسالة أو دردشة جديدة ، فمن خلال هذا التعديل سيمكنك من جعل الإشعار اكثر احمرار وتوجها.

قبل التعديل


بعد التعديل


الخطوات
1- سجل دخول للوحة تحكم المنتدى

2- فى القائمة اليسرا اختار الاستايلات >>> البحث فى القوالب >> فى مربع البحث عن هذا القالب css_additional.css


3- سيفتح لك قوالب الاستايل اضغط على css_additional.css



4- سيفتح صفح جديدة بها قالب css_additional.css


5- ضع بداخله المحتوى هذا
كود PHP:

/* Glowing Notification Bubble - START */
.notifications-count {
    
border-radius100%;
    -
webkit-animationred-glowing 1500ms infinite;
    -
moz-animationred-glowing 1500ms infinite;
    -
o-animationred-glowing 1500ms infinite;
    
animationred-glowing 1500ms infinite
}

.
notifications-count.h-hide-imp {
    -
webkit-animationnone;
    -
moz-animationnone;
    -
o-animationnone;
    
animationnone
}

@-
webkit-keyframes red-glowing {
    
0% {
        
background-color#D31F1F;
        
-webkit-box-shadow0 0 3px #D31F1F;
    
}

    
50% {
        
background-color#851414;
        
-webkit-box-shadow0 0 15px #851414;
    
}

    
100% {
        
background-color#D31F1F;
        
-webkit-box-shadow0 0 3px #D31F1F;
    
}
}

@-
moz-keyframes red-glowing {
    
0% {
        
background-color#D31F1F;
        
-moz-box-shadow0 0 3px #D31F1F;
    
}

    
50% {
        
background-color#851414;
        
-moz-box-shadow0 0 15px #851414;
    
}

    
100% {
        
background-color#D31F1F;
        
-moz-box-shadow0 0 3px #D31F1F;
    
}
}

@-
o-keyframes red-glowing {
    
0% {
        
background-color#D31F1F;
        
box-shadow0 0 3px #D31F1F;
    
}

    
50% {
        
background-color#851414;
        
box-shadow0 0 15px #851414;
    
}

    
100% {
        
background-color#D31F1F;
        
box-shadow0 0 3px #D31F1F;
    
}
}

@
keyframes red-glowing {
    
0% {
        
background-color#D31F1F;
        
box-shadow0 0 3px #D31F1F;
    
}

    
50% {
        
background-color#851414;
        
box-shadow0 0 15px #851414;
    
}

    
100% {
        
background-color#D31F1F;
        
box-shadow0 0 3px #D31F1F;
    
}
}
/* Glowing Notification Bubble - END */ 

مصدر الكود // https://vbmods.rocks/forum/vbulletin...-css-animation

abo-karim 05-23-2020 03:13 PM

رد: تنبيهات الجيل الخامس بشكل جديد, اضافة وهج لتنبيهات والاشعارات
 
شرح اكثر من رااااااائع

يعطيك الف عاااافية

Mighty Dr.Wolf 05-23-2020 04:57 PM

رد: تنبيهات الجيل الخامس بشكل جديد, اضافة وهج لتنبيهات والاشعارات
 
روعه جدا شكرا لك
بارك الله بك ووفقك
تحيتي

هيلبرنت 05-26-2020 07:01 PM

رد: تنبيهات الجيل الخامس بشكل جديد, اضافة وهج لتنبيهات والاشعارات
 
نوررررررررررررررررتونى


الساعة الآن 04:49 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir