السلام عليكم ورحمة الله وبركاته
وكل عام وانتم بألف خير ,,
حقيقه من فتره ليست بالقريبه أبحث عن طريقه لأجعل موقعي متوافق مع المعايير القياسيه W3C
لمشاهدة مثال
إضغط هنا
وبعد أن وضعت أحد الهاك productات لجعل اسماء الأعضاء داخل مربعات تفاجأت بوجود
قبل التعديل 15
Errors 461,
warnings
والحمدلله بعد تم تعديل الكود code وهو الكود code الذي أضفته لكم هنا
وبعد التعديل 15
Errors 81,
warnings
الآن ما أريده منكم هو فحص مواقعكم وأخبارنا كم يوجد به خطأ؟ قبل التركيب install
http://validator.w3.org/ << من هنا

--------------------------------------------------
الأن نأتي لطريقة التركيب install:
تنبيه: الي مركب أي هاك product له نفس هذه الخاصيه يحذفه
ضع هذه الأكواد في أسماء المجموعات من لوحة التحكم:
كما في الصوره:
1-
رمز Code:
<span class="a">
2-
رمز Code:
</span>
وهذه الأكواد كامله لجميع المجموعات
رمز Code:
<span class="a"> <span class="b"> <span class="c"> <span class="d"> <span class="e"> <span class="f">
--------------------
a
المدير العام
b
المشرفين
c
المشرفات
d
الأعضاء
e
أمير المنتدى forum
f
الموقوفين
-----------------
وبعد ذلك نذهب التحكم بالإستايل styleات
وأختر الاستايل style الذي تريد التعديل عليه ثم أضغط على كلمة
إذهب
ثم إنزل إلى أن تصل إلى
تعاريف CSS الإضافية/Additional CSS Definitions
ستجد فيها مربعين الي يهمنا المربع الثاني والي راح نضيف فيه الكود code
أضف بداخله
رمز Code:
/*الوان المدير */ .a{ border: 1px solid #FF1515; cursor: pointer; font-family: "Microsoft Sans Serif"; font-size: 8pt; color:#FF1515; border-style:double; padding:0px 15px 0px 15px; background-color:#ECEEF0; background-image:url('color/pink.gif'); text-align:center; width:50px; display:inline-block; overflow:hidden; white-space:nowrap; } /* الوان المشرفين */ .b{ border: 1px solid #008000; cursor: pointer; font-family: "Microsoft Sans Serif"; font-size: 8pt; color:#008000; border-style:double; padding:0px 15px 0px 15px; background-color:#ECEEF0; background-image:url('color/green.gif'); text-align:center; width: 50px; display:inline-block; overflow:hidden; white-space:nowrap; } /*الوان المشرفات */ .c{ border:1px solid #0000FF; cursor: pointer; font-family: "Microsoft Sans Serif"; font-size: 8pt; color:#0000FF; border-style:double; padding:0px 15px 0px 15px; background-color:#ECEEF0; background-image:url('color/blue.gif'); text-align:center; width: 50px; display:inline-block; overflow:hidden; white-space:nowrap; } /*الوان الاعضاء */ .d{ border: 1px solid #FF66CC; cursor: pointer; font-family: "Microsoft Sans Serif"; font-size: 8pt; color:#FF66CC; border-style:double; padding:0px 15px 0px 15px; background-color:#ECEEF0; background-image:url('color/pink.gif'); text-align:center; width:50px; display:inline-block; overflow:hidden; white-space:nowrap; } /*الوان أمير المنتدى forum */ .e{ border: 1px solid #2197e4; cursor: pointer; font-family: "Microsoft Sans Serif"; font-size: 8pt; color:#2197e4; border-style:double; padding:0px 15px 0px 15px; background-color:#ECEEF0; background-image:url('color/b20.gif'); text-align:center; width:50px; display:inline-block; overflow:hidden; white-space:nowrap; } /*الوان الموقوفين */ .f{ border: 1px solid #FF1515; cursor: pointer; font-family: "Microsoft Sans Serif"; font-size: 8pt; color:#FF1515; border-style:double; padding:0px 15px 0px 15px; background-color:#ECEEF0; background-image:url('color/qtr22.gif'); text-align:center; width:50px; display:inline-block; overflow:hidden; white-space:nowrap; }
وبكذا إنتهينا
والآن وبعد أن أنتهينا من التركيب install
أرجع وأفحص موقعك مره ثانيه
http://validator.w3.org/ << من هنا
أضفت لكم مجلد الصور الي مو عنده ^_^ ويتم رفعه داخل مجلد المنتدى forum
وأخبرنا بالنتيجه ,,
لا أنسى أن أشكر أستاذي القدير
جواني من سوالف الذي لاوالله ثم هو لم نحصل على هذه الطريقه
ولا أنسى أن أشكر أخي وصديقي
سعودي جرافيكس الذي نبهني على هذا الخطأ وساعدني في فهم الكثير من الأكواد