حالة الموضوع:
مغلق
  1. Alk0brA

    Alk0brA Developer

    الأنتساب:
    ‏13 سبتمبر 2011
    المشاركات:
    56
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6


    [​IMG]

    السلام عليكم ورحمة الله
    ألوان المجموعات في مربعات منقطه او بدون مربعات او بداخل مربعات بدون تنقيط
    بدوان هاكات متوافق مع المعاير
    بتقنية css التي يعشقها جوجل
    سهلة التعديل تستطيع تلوين المجموموعة كما تريد
    تستطيع وضع مجموعة داخل مربع وتستني مجموعة مثل الهاك
    اولا قم بفحص موقعك من خلال الموقع التالي
    The W3C Markup Validation Service
    بعد التركيب ستجد ان الاخطاء اصبحت اقل بكثير
    سرعة في الارشفة
    يعطيك سرعة ايضا تحميل صفحات المنتدى

    --------------------------
    الخطوة التالية شرح التركيب
    1- امسح اي هاك متعلق بالوان المجموعات
    2-لدينا الكودين التالين الكود رقم (1) والكود رقم (2)

    الكود رقم 1


    كود PHP:
    <span class="a">  

    الكود رقم 2

    كود PHP:
    </span>  


    سنتعرف كيف نضع لكل مجموعة كودها
    افتح لوحة التحكم
    التحكم بالمجموعات
    [​IMG]

    اضغط تعديل على المجموعة التي تريد تغير اللون لها
    [​IMG]

    ضع الكود رقم واحد من اليمين ورقم اثنين من الشمال فير المربعات مثل الصورة
    [​IMG]

    نقوم بتعديل جميع المجموعات مثل الشرح العلوي
    a المدير العام بالون الاحمر داخل مربعات
    الفراغ رقم واحد نضع

    كود PHP:
    <span class="a">  
    الفراغ رقم اثنين
    نضع

    كود PHP:
    </span>  

    المشرف العام بالون الازرق داخل مربعات
    الفراغ رقم واحد


    كود PHP:
    <span class="c">  
    الفراغ رقم اثنين

    كود PHP:
    </span>  


    المشرفين بالون الاخضر داخل مربعات
    الفراغ رقم واحد نضع


    كود PHP:
    <span class="b">  
    الفراغ رقم 2

    كود PHP:
    </span>  
    t

    الاعضاء بالون السماوي داخل مربعات
    الفراغ الاول نضع


    كود PHP:
    <span class="b">  
    الفراغ الثاني

    كود PHP:
    </span>  

    نجوم المنتدى بالون الاصفر داخل مربعات
    الفراغ الاول


    كود PHP:
    <span class="e">  
    الفراغ التالي

    كود PHP:
    </span>  
    الموقوفين مربعات سوداء
    الفراغ الاول نضع

    كود PHP:
    <span class="x"
    الفراغ التالي نضع

    كود PHP:
    </span>  

    ------------------------
    انتهينا من تعديل المجموعات
    الان نذهب الى الستايل
    الذي نستخدمه
    التحم بالستايل
    [​IMG]

    ثم نختار الستايل الذي نستخدمه
    الرئيسية css من القائمة
    [​IMG]

    ناخذ الكود التالي

    كود PHP:

    /*الوان المدير */
    .a{
    border1px solid #FF1515; 
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#FF1515; 
    border-style:dotted;
    padding:0px 15px 0px 15px;  
    background-color:#ECEEF0;
    background-repeat:no-repeat
    background-positionright center;
    text-align:center;
    width:68px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    }
    /* الوان المشرفين  */
    .b{
    border1px solid #008000; 
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#008000;
    border-style:dotted
    padding:0px 15px 0px 15px;
    background-color:#ECEEF0;
    background-repeat:no-repeat
    background-positionright center;
    text-align:center;
    width:68px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    }
    /*المشرفين العوام  */
    .c{
    border:1px solid #0000FF; 
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#0000FF;
    border-style:dotted;
    padding:0px 15px 0px 15px
    background-color:#ECEEF0;
    background-repeat:no-repeat
    background-positionright center;
    text-align:center;
    width:68px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    }
    /*الوان الاعضاء */
    .f{
    border1px solid #0695db; dotted
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#0695db;
    border-style:double
    padding:0px 15px 0px 15px;
    background-color:#ECEEF0;
    text-align:center;
    width67px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    }
    /*الوان ستار المنتدى */
    .e{
    border1px solid #ffae1a; 
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#ffae1a;
    border-style:dotted;
    padding:0px 15px 0px 15px;   
    background-color:#ECEEF0;
    background-repeat:no-repeat
    background-positionright center;
    text-align:center;
    width:68px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    }
    /*الوان الموقوفين */
    .x{
    border1px solid #000000; 
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#000000;  
    border-style:double;
    padding:0px 15px 0px 15px;   
    background-color:#ECEEF0;
    text-align:center;
    width:68px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    }




    نقوم بالصقه داخل المربع الاخير
    [​IMG]

    تستطيع تغير الوان المجموعة من خلال الكود الاخير مثال مجموعة المدير

    تغير الونها من اللون الاحمر تيغر الاكواد

    كود PHP:
    /*الوان المدير */
    .a{
    border1px solid #FF1515; 
    cursorpointer
    font-family"Microsoft Sans Serif";
    font-size8pt;
    color:#FF1515; 
    border-style:dotted;
    padding:0px 15px 0px 15px;  
    background-color:#ECEEF0;
    background-repeat:no-repeat
    background-positionright center;
    text-align:center;
    width:68px;
    display:inline-block;
    overflow:hidden;
     
    white-space:nowrap;
    }  
    واي استفسار انا حاضر





     
  2. HcJ

    HcJ V • I • P

    الأنتساب:
    ‏11 سبتمبر 2011
    المشاركات:
    104
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    18
    الإقامة:
    ّّّ~ مصر ~
    رد: الوان المجموعات بدون هاكات بتقنية css داخل مربعات

    مشكور اخي
    تم تنسيق الموضوع
    بالتوفيق لك ^:"
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة