بهذه الطريقة لا يوجد كود يجعل المجموعات بهذه الطريقة حسب علمي بالأمر

السلام عليكم اخي  @kInG NeMo
لا اظن انه ينفع مثل الصورة التي وضعتها

لان المجموعات تظهر كلها بوسم واحد فقط,

طبعا ينفع انك تضع لكل مجموعه خلفيه خاصه بها عن طريق الcss

لكن ليس كالصورة بشكل تخطيطي مضبوط بدقة


الا اذا كنت تريد عمل مجموعات يدوي وتضع لها خلفيات وشكل تخطيطي 
عن طريق كود هتمل

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

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


الا اذا واحد عنده فكرة عبقرية فهذا شيء ثاني

مرحبا
الكود التالي يوضع بالcss

الكود:

[href="/g72-group"] {
    top: 2px;
    right: 2px;
    left: 2px;
    position: relative;
    background: #3F51B5;
    color: #fff !important;
    padding: 5px;
}

تقدر من خلاله التحكم بكل مجموعة من اختيارك

يعني
-تضع لها خلفيه صوره او لون
-تلون اسمها
-تحركها يمين او يسار فوق او تحت

كل الي عليك انك تغير رقم المجموعه
هذا هو /g72
غير الرقم 72 الى رقم المجموعه التي تريد التحكم بها

كونان2000 كتب:مرحبا
الكود التالي يوضع بالcss

الكود:

[href="/g72-group"] {
    top: 2px;
    right: 2px;
    left: 2px;
    position: relative;
    background: #3F51B5;
    color: #fff !important;
    padding: 5px;
}

تقدر من خلاله التحكم بكل مجموعة من اختيارك

يعني
-تضع لها خلفيه صوره او لون
-تلون اسمها
-تحركها يمين او يسار فوق او تحت

كل الي عليك انك تغير رقم المجموعه
هذا هو /g72
غير الرقم 72 الى رقم المجموعه التي تريد التحكم بها

شكرا جزيلا 
اتمني لو في مكود كمان يكود التصميم بتاع المجموعات الى اتخيله