إضافة اشارة غير مقروءة في صفحة المواضيع والمنتديات

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

  • [الجيل الخامس] إضافة اشارة غير مقروءة في صفحة المواضيع والمنتديات

    إضافة اشارة غير مقروءة في صفحة المواضيع والمنتديات بطريقه مميزة ورائعة وتظهر تجربه جميلة للمستخدم الطريقه تصلح لنسخ الجيل الخامس والسادس لغاية اخر اصدار لمعيانة مثال من هنا لتحميل الكودات من الرابط هنا

    أضف شارة "غير مقروءة" إلى عرض قائمة المواضيع​

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

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

الاسم: Screenshot 2024-03-20 030332.png
الحجم: 164.0 كيلوبايت
رقم التعريف: 229067



    اضف الكود التالي في CSS في css_additional
    من خيارات تعديل الموقع ومن ثم الستيال ومن ثم CSS

    كود:
    /* Unread Badge on Topic View - START */
    .topic-list-container .topic-list .topic-item:not(.read) .cell-topic .topic-wrapper .topic-title:after {
       content: 'Unread';
       background: red;
       color: #fff;
       font-size: 10px;
       padding: 1px 3px;
       border-radius: 3px;
       margin-left: 5px;
       filter: drop-shadow(1px 1px 2px #333);
       vertical-align: super;
    }
    /* Unread Badge on Topic View - END */​
    إضافة اشارة المنتدى غير المقروءة

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

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

الاسم: Screenshot 2024-03-20 030313.png
الحجم: 233.6 كيلوبايت
رقم التعريف: 229068



    اضف الكود التالي في CSS في css_additional
    من خيارات تعديل الموقع ومن ثم الستيال ومن ثم CSS

    كود:
    /* Unread Forum Badge - START */
    .forum-wrapper .b-icon__speech-double-large--blue ~ .forum-title::after,
    .forum-wrapper .b-icon__channel-icon:not(.b-icon__channel-icon--read) ~ .forum-title::after {
        content: 'Unread';
        background: red;
        color: #fff;
        font-size: 10px;
        padding: 1px 3px;
        border-radius: 3px;
        margin-left: 5px;
        filter: drop-shadow(1px 1px 2px #333);
        vertical-align: super;
        white-space: nowrap;
        text-decoration: none;
        display: inline-block;
    }
    
    .forum-list-container .forum-item .cell-forum > .forum-wrapper> .forum-info > .forum-title {
        display: inline;
    }
    /* Unread Forum Badge - END */​


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

تقليص

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