تسجيل الدخول

المنتدى تلوين اسماء الاعضاء بـ Css احترافى

الموضوع في 'ركن شروحات استخدام xenForo' بواسطة ArabXen, بتاريخ ‏20-03-2013.

  1. ArabXen

    ArabXen :: عضو ::
    rank

    إنضم إلينا في:
    ‏02-03-2013
    المشاركات:
    116
    الإعجابات المتلقاة:
    63
    الجنس:
    ذكر
    [​IMG]
    تلوين اسماء الاعضاء بـ CSS احترافى
    [​IMG]
    [​IMG]
    اذهل الى
    الأعضاء > مجموعات الأعضاء > المجموعه المراد تلوينها
    و اضف فى خانه ال 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; 
    سوف يظهر اسم مجموعه العضو هكذا
    [​IMG]
    [​IMG]
    الان كرر العمليه معـ باقى المجموعات
    [​IMG]


    كود:
        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; 
    [​IMG]
    [​IMG]

    كود:
        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; 
    [​IMG]
    [​IMG]

    كود:
         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;   
    [​IMG]
    [​IMG]


    كود:
         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; 
    [​IMG]

    الموضوعه الاصلى : http://www.arabxen.com/index.php?threads/539/#post-576
    jg,dk hslhx hghuqhx fJ Css hpjvhtn
     
جاري تحميل الصفحة...