• منتديات شباب الرافدين .. تجمع عراقي يقدم محتوى مميز لجميع طلبة وشباب العراق .. لذا ندعوكم للانضمام الى اسرتنا والمشاركة والدعم وتبادل الافكار والرؤى والمعلومات. فأهلاَ وسهلاَ بكم.
  • عزيزي الزائر.. يمكنك الان التسجيل والتصفح بعدد اعلانات اقل وبكل حرية .. شاركنا الآن وكن عضوا مميزا في اسرتنا الرائعة.
الإهداءات
Gardi  من هاي شنو محد نفذ الطلب :  
 
Gardi  من حاجيات طلب مسابقة :   
Gardi  
سارة البابلية  من لنباااارك :  
لنبارك ل اخونا https://www.shababalrafedain.com/threads/37033/ اصبح من اهلنا
 
سارة البابلية  من اعلان مهم :  
اعلان مهم يرجى الاطلاع ظرورياً https://www.shababalrafedain.com/threads/36942/unread
 
ورد التوليب 
دائماً هناك نبضة تغير القلوب وهناك كلمة لا تموت وذكرى لا تنسى وهناك دمعة تساوي عمراً ونظرة تختصر الكثير
 
ورد التوليب 
حياتي هي مملكتي .. لن اجبر احد ع دخولها او البقاء فيها ولكنني اجبر المتواجدين فيها ع احترام قوانينها
 


Ibn AliraQ

رئيس مجلس الإدارة
إنضم
2018-08-28
المشاركات
10,138
النقاط
297
الإقامة
العراق
الجواهر
14,250♔
الجنس
ذكر


السلام عليكم ورحمة الله وبركاته
ويانا اليوم شرح :
اذهب الى
الأعضاء > مجموعات الأعضاء > المجموعه المراد تلوينها
و اضف فى خانه ال css التالي :

مثلا الادارة :

ZiY88p0.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

استخدم الكود التالي :

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

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

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

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;
وهكذا .. عدل على الكود حسب ما يناسبك من لون لكل مجموعة.

مودتي
 
  • إعلان
  • <\br>
  • إعلان


  • أعلى