موضوع: هل يوجد كود لتلوين الفئات ! الثلاثاء 24 نوفمبر 2020 - 19:30
اريد كود تلوين الففئات
AL-SUBAIE
عدد المساهمات : 687معدل النشاط : 5302السُمعة : 14
موضوع: رد: هل يوجد كود لتلوين الفئات ! الثلاثاء 24 نوفمبر 2020 - 21:44
تفضل شرح الأخت الغاليه جوري شرح مفصل وباذن الله بيفيدك
JoryAbdallah كتب:
السلام عليكم ورحمة الله وبركاته طريقة تلوين الفئات كل فئة بلون معين لنسخة MODERNBB و PHPBB3 اولا الذهاب إلى لوحة الادارة . ادارة عامة . الفئات والمنتديات تدخل على اسم الفئة كالصورة الموضحة
تضغط تعديل وتضيف اسم الفئة في الكود الاتي
الكود:
اسم الفئة الاولى<img src="https://2img.net/i/fa/empty.gif" title="cat1" />
نغير كلمة "اسم الفئة الاولى" الى اسم الفئة التي تريدها ونكرر نفس الكود مرة اخرى بكل فئة مع تغيير باسم الفئة وتغيير بالكلاس وهو cat1 نضعه ب cat2 و واللي بعدة نغيرة الى cat3 وهكذا الى ان ننتهي كل الفئات التي تريد تلوينها الان الخطوة الثانية نذهب الى عناصر اضافية . اكواد JavaScript و html اضافه عنصر جديد .. اختار الصفحة الرئيسية الكود للنسخة PHPBB3 و MODERNBB
/*--Kategorie 4--*/ /*Hintergrund bzw. Rahmen & Rahmenfarbe*/ .forabg.cat4 { background: #fff none repeat scroll 0 0; border-color: #060; } /*Hintergrund Header*/ .cat4 li.header { background: #060; } /*Kategoriename & Themen etc.*/ .cat4 .table-title h2, .cat4 li.header dd { color: #fff; } /*Hintergrund der Foren & Hover|Rahmenfarbe der Foren oben & Unten|Schriftfarbe*/ .cat4 ul.forums li.row, .cat4 ul.forums li.row:hover { background: #aaa none repeat scroll 0 0; border-color: #d70; color: #fff; } /*Rahmenlinien Themen etc. & Hover*/ .cat4 ul.forums dd, .cat4 ul.forums dd:hover { border-color: #060; } /*Forenlink*/ .cat4 a.forumtitle { color: #060; } /*Forenlink:Hover*/ .cat4 a.forumtitle:hover { color: #d70; } /*Ende - Aussehen der Kategorien auf dem Index - phpBB3*/
للنسخة MODERNBB
الكود:
/*Beginn - Aussehen der Kategorien auf dem Index - ModernBB*/ /*--Kategorie 1--*/ /*Rahmen um die Kategorie*/ .cat1 { border: 1px solid #07b; } /*Kategorieheader*/ .cat1 .header { background: #07b; } /*Kategoriename, Themen, Beitrنge etc. und Schalter*/ .cat1 h2, .cat1 li.header dd, .cat1 li.header dt, .cat1 .ion-android-remove-circle:before, .cat1 .ion-android-add-circle:before { color: #000; } /*Hintergrund der Foren und Schriftfarbe im Forum*/ .cat1 li.row { background: #ddd; color:#000; } /*Forenlink*/ .cat1 a.forumtitle { color: #07b; } /*Forenlink:Hover*/ .cat1 a.forumtitle:hover { color: #d70; }
/*--Kategorie 2--*/ /*Rahmen um die Kategorie*/ .cat2 { border: 1px solid #d70; } /*Kategorieheader*/ .cat2 .header { background: #d70; } /*Kategoriename, Themen, Beitrنge etc. und Schalter*/ .cat2 h2, .cat2 li.header dd, .cat2 li.header dt, .cat2 .ion-android-remove-circle:before, .cat2 .ion-android-add-circle:before { color: #fff; } /*Hintergrund der Foren und Schriftfarbe im Forum*/ .cat2 li.row { background: #ccc; color:#000; } /*Forenlink*/ .cat2 a.forumtitle { color: #d70; } /*Forenlink:Hover*/ .cat2 a.forumtitle:hover { color: #07b; }
/*--Kategorie 3--*/ /*Rahmen um die Kategorie*/ .cat3 { border: 1px solid #d0c; } /*Kategorieheader*/ .cat3 .header { background: #d0c; } /*Kategoriename, Themen, Beitrنge etc. und Schalter*/ .cat3 h2, .cat3 li.header dd, .cat3 li.header dt, .cat3 .ion-android-remove-circle:before, .cat3 .ion-android-add-circle:before { color: #000; } /*Hintergrund der Foren und Schriftfarbe im Forum*/ .cat3 li.row { background: #bbb; color:#fff; } /*Forenlink*/ .cat3 a.forumtitle { color: #d0c; } /*Forenlink:Hover*/ .cat3 a.forumtitle:hover { color: #d70; }
/*--Kategorie 4--*/ /*Rahmen um die Kategorie*/ .cat4 { border: 1px solid #060; } /*Kategorieheader*/ .cat4 .header { background: #060; } /*Kategoriename, Themen, Beitrنge etc. und Schalter*/ .cat4 h2, .cat4 li.header dd, .cat4 li.header dt, .cat4 .ion-android-remove-circle:before, .cat4 .ion-android-add-circle:before { color: #fff; } /*Hintergrund der Foren und Schriftfarbe im Forum*/ .cat4 li.row { background: #aaa; color:#fff; } /*Forenlink*/ .cat4 a.forumtitle { color: #060; } /*Forenlink:Hover*/ .cat4 a.forumtitle:hover { color: #d70; } /*Ende - Aussehen der Kategorien auf dem Index - ModernBB*/
النتيجة !!!
دمتم بخير وسعادة
Msisra يعجبه هذا الموضوع
Msisra
عدد المساهمات : 192معدل النشاط : 2798السُمعة : 1
موضوع: رد: هل يوجد كود لتلوين الفئات ! السبت 28 نوفمبر 2020 - 4:14
شككرا
اعصار احلى مساعد
عدد المساهمات : 3250معدل النشاط : 9023السُمعة : 49
موضوع: رد: هل يوجد كود لتلوين الفئات ! الخميس 1 أبريل 2021 - 14:51
مرعلىالموضوعاسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف