عرض مشاركة واحدة
احصائياتى

الردود
7

المشاهدات
2951
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
08-06-2016, 02:17 PM
المشاركة 1
08-06-2016, 02:17 PM
المشاركة 1
افتراضي تلوين اسماء الاعضاء بـ CSS احترافى لمنتديات الزين فورو - xenforo
السلام عليكم ورحمه الله
درسنا هو كيفية تلوين اسماء الاعضاء بـ CSS احترافى
عمل الكود :

  1. تقوم الإضافة بتلوين إسم العضو باللون المخصص الذي يتم تحديده في الكود
  2. تقوم الإضافة بإضافة خلفية ( BackGround ) لإسم العضو
الخطوات

اذهب الى الأعضاء > مجموعات الأعضاء > المجموعه المراد تلوينها كما بالصورة.



2 - اضف فى خانه ال 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;
سوف يظهر اسم مجموعه العضو هكذا


-------------------------------------------

الان كرر العمليه معـ باقى المجموعات



كود:
  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;
-------------------------------------------

الان كرر العمليه مع المشرف العام



كود:
  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;
-------------------------------------------

الان كرر العمليه مع المشرف


كود:
    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;
-------------------------------------------
الان كرر العمليه مع العضو المميز

كود:
  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;
-------------------------------------------

انتهى بالتوفيق للجميع


التعديل الأخير تم بواسطة هيلبرنت ; 01-27-2018 الساعة 12:46 AM