السلام عليكم ورحمة الله وبركاته
ويانا اليوم شرح :
اذهب الى
الأعضاء > مجموعات الأعضاء > المجموعه المراد تلوينها
و اضف فى خانه ال css التالي :
مثلا الادارة :
![ZiY88p0.jpg ZiY88p0.jpg](https://shababalrafedain.com/data/attachments/11/11854-49b1c09ccec241670b9ea024232d92e4.jpg)
استخدم الكود التالي :
الان كرر العملية مع باقي المجموعات:
![V0FZT8H.jpg V0FZT8H.jpg](https://shababalrafedain.com/data/attachments/11/11855-d334ea20d95b0d78c5e84f4e15f87a04.jpg)
استخدم الكود التالي :
![yHgYkld.jpg yHgYkld.jpg](https://shababalrafedain.com/data/attachments/11/11856-da37434393a30fee1a05b5aba9155c2f.jpg)
![Ye8sjvA.jpg Ye8sjvA.jpg](https://shababalrafedain.com/data/attachments/11/11857-d7319ea1632648e77a9fc02242cebca9.jpg)
![uVQEN5v.jpg uVQEN5v.jpg](https://shababalrafedain.com/data/attachments/11/11858-a681fc2c0a54945a6061c18c9de9f3b2.jpg)
وهكذا .. عدل على الكود حسب ما يناسبك من لون لكل مجموعة.
مودتي
ويانا اليوم شرح :
اذهب الى
الأعضاء > مجموعات الأعضاء > المجموعه المراد تلوينها
و اضف فى خانه ال css التالي :
مثلا الادارة :
![ZiY88p0.jpg ZiY88p0.jpg](https://shababalrafedain.com/data/attachments/11/11854-49b1c09ccec241670b9ea024232d92e4.jpg)
استخدم الكود التالي :
CSS:
line-height: 18px;
padding: 0px 15px;
font-size: 12px;
font-color: white:
font-weight: bold;
background-color: rgb(128, 0, 0);
color: rgb(240,255,255);
border-radius: 5px 5px 5px 5px;
transition: background-color 0.2s linear 0s;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px rgb(255, 255, 255);
text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
text-align: center;
min-width: 45px;
width: 50;
height: 20;
الان كرر العملية مع باقي المجموعات:
![V0FZT8H.jpg V0FZT8H.jpg](https://shababalrafedain.com/data/attachments/11/11855-d334ea20d95b0d78c5e84f4e15f87a04.jpg)
استخدم الكود التالي :
CSS:
line-height: 18px;
padding: 0px 15px;
font-size: 12px;
font-weight: bold;
background-color: rgb(0, 165, 240);
color: rgb(255, 255, 255);
border-radius: 5px 5px 5px 5px;
transition: background-color 0.2s linear 0s;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px rgb(255, 255, 255);
text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
text-align: center;
min-width: 45px;
width: 50;
height: 20;
![yHgYkld.jpg yHgYkld.jpg](https://shababalrafedain.com/data/attachments/11/11856-da37434393a30fee1a05b5aba9155c2f.jpg)
CSS:
line-height: 18px;
padding: 0px 15px;
font-size: 12px;
font-weight: bold;
background-color: rgb(138,43,226);
color: rgb(255, 255, 255);
border-radius: 5px 5px 5px 5px;
transition: background-color 0.2s linear 0s;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px rgb(255, 255, 255);
text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
text-align: center;
min-width: 45px;
width: 50;
height: 20;
![Ye8sjvA.jpg Ye8sjvA.jpg](https://shababalrafedain.com/data/attachments/11/11857-d7319ea1632648e77a9fc02242cebca9.jpg)
CSS:
line-height: 18px;
padding: 0px 15px;
font-size: 12px;
font-weight: bold;
background-color: rgb(0,100,0);
color: rgb(255, 255, 255);
border-radius: 5px 5px 5px 5px;
transition: background-color 0.2s linear 0s;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px rgb(255, 255, 255);
text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
text-align: center;
min-width: 45px;
width: 50;
height: 20;
![uVQEN5v.jpg uVQEN5v.jpg](https://shababalrafedain.com/data/attachments/11/11858-a681fc2c0a54945a6061c18c9de9f3b2.jpg)
CSS:
line-height: 18px;
padding: 0px 15px;
font-size: 12px;
font-weight: bold;
background-color: rgb(255,140,0);
color: rgb(255, 255, 255);
border-radius: 5px 5px 5px 5px;
transition: background-color 0.2s linear 0s;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px rgb(255, 255, 255);
text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
text-align: center;
min-width: 45px;
width: 50;
height: 20;
وهكذا .. عدل على الكود حسب ما يناسبك من لون لكل مجموعة.
مودتي