السلام عليكم ورحمة الله وبركاته
وكل عام وانتم بألف خير ,,
حقيقه من فتره ليست بالقريبه أبحث عن طريقه لأجعل موقعي متوافق مع المعايير القياسيه W3C
وبعد أن وضعت أحد الهاكات لجعل اسماء الأعضاء داخل مربعات تفاجأت بوجود
قبل التعديل 15
Errors 461,
warnings
والحمدلله بعد تم تعديل الكود وهو الكود الذي أضفته لكم هنا
وبعد التعديل 15
Errors 81,
warnings
الآن ما أريده منكم هو فحص مواقعكم وأخبارنا كم يوجد به خطأ؟ قبل التركيب
http://validator.w3.org/ << من هنا :sm172:
--------------------------------------------------
الأن نأتي لطريقة التركيب:
تنبيه: الي مركب أي هاك له نفس هذه الخاصيه يحذفه
ضع هذه الأكواد في أسماء المجموعات من لوحة التحكم:
كما في الصوره:
https://mwadah.com/images/imgcache/2009/09/559.gif
1-
2-
وهذه الأكواد كامله لجميع المجموعات
كود:
<span class="a">
<span class="b">
<span class="c">
<span class="d">
<span class="e">
<span class="f">
--------------------
a
المدير العام
b
المشرفين
c
المشرفات
d
الأعضاء
e
أمير المنتدى
f
الموقوفين
-----------------
وبعد ذلك نذهب التحكم بالإستايلات
وأختر الاستايل الذي تريد التعديل عليه ثم أضغط على كلمة
إذهب
ثم إنزل إلى أن تصل إلى
تعاريف CSS الإضافية/Additional CSS Definitions
ستجد فيها مربعين الي يهمنا المربع الثاني والي راح نضيف فيه الكود
أضف بداخله
كود:
/*الوان المدير */
.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;
}
/*الوان أمير المنتدى */
.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;
}
وبكذا إنتهينا
والآن وبعد أن أنتهينا من التركيب :sm237:
أرجع وأفحص موقعك مره ثانيه :sm259:
http://validator.w3.org/ << من هنا :sm172:
أضفت لكم مجلد الصور الي مو عنده ^_^ ويتم رفعه داخل مجلد المنتدى
وأخبرنا بالنتيجه ,,
لا أنسى أن أشكر أستاذي القدير
جواني من سوالف الذي لاوالله ثم هو لم نحصل على هذه الطريقه
ولا أنسى أن أشكر أخي وصديقي
سعودي جرافيكس الذي نبهني على هذا الخطأ وساعدني في فهم الكثير من الأكواد
