المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : أسماء أعضائك داخل مربعات (متوافق مع المعايير القياسية)



romaissa
10-31-2013, بتوقيت غرينيتش 04:12 AM
http://www.dzbatna.com/images/icons/icon30.gif ط£ط³ظ…ط§ط، ط£ط¹ط¶ط§ط¦ظƒ ط¯ط§ط®ظ„ ظ…ط±ط¨ط¹ط§طھ (ظ…طھظˆط§ظپظ‚ ظ…ط¹ ط§ظ„ظ…ط¹ط§ظٹظٹط± ط§ظ„ظ‚ظٹط§ط³ظٹط©) (http://www.dzbatna.com/t1332469/)



السلام عليكم ورحمة الله وبركاته

وكل عام وانتم بألف خير ,,

حقيقه من فتره ليست بالقريبه أبحث عن طريقه لأجعل موقعي متوافق مع المعايير القياسيه W3C

لمشاهدة مثال إضغط هنا (http://www.ejr7.com/vb)

وبعد أن وضعت أحد الهاك productات لجعل اسماء الأعضاء داخل مربعات تفاجأت بوجود

قبل التعديل 15 Errors 461, warnings

والحمدلله بعد تم تعديل الكود code وهو الكود code الذي أضفته لكم هنا

وبعد التعديل 15 Errors 81, warnings

الآن ما أريده منكم هو فحص مواقعكم وأخبارنا كم يوجد به خطأ؟ قبل التركيب install

http://validator.w3.org/ << من هنا http://www.dzbatna.com/images/smilies/shiny01.gif
--------------------------------------------------

الأن نأتي لطريقة التركيب install:

تنبيه: الي مركب أي هاك product له نفس هذه الخاصيه يحذفه

ضع هذه الأكواد في أسماء المجموعات من لوحة التحكم:

كما في الصوره:

http://www.ejr7.com/UP/CSS.gif



1-
رمز Code:
<span class=&quot;a&quot;>
2-
رمز Code:
</span>
وهذه الأكواد كامله لجميع المجموعات

رمز Code:
<span class=&quot;a&quot;> <span class=&quot;b&quot;> <span class=&quot;c&quot;> <span class=&quot;d&quot;> <span class=&quot;e&quot;> <span class=&quot;f&quot;>
--------------------




a المدير العام
b المشرفين
c المشرفات
d الأعضاء
e أمير المنتدى forum
f الموقوفين

-----------------
وبعد ذلك نذهب التحكم بالإستايل styleات

وأختر الاستايل style الذي تريد التعديل عليه ثم أضغط على كلمة إذهب

ثم إنزل إلى أن تصل إلى تعاريف CSS الإضافية/Additional CSS Definitions

ستجد فيها مربعين الي يهمنا المربع الثاني والي راح نضيف فيه الكود code

أضف بداخله

رمز Code:
/*الوان المدير */ .a{ border: 1px solid #FF1515; cursor: pointer; font-family: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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: &quot;Microsoft Sans Serif&quot;; 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://www.dzbatna.com/images/smilies/icon30.gif

أرجع وأفحص موقعك مره ثانيه http://www.dzbatna.com/images/smilies/nosweat.gif

http://validator.w3.org/ << من هنا http://www.dzbatna.com/images/smilies/shiny01.gif

أضفت لكم مجلد الصور الي مو عنده ^_^ ويتم رفعه داخل مجلد المنتدى forum

وأخبرنا بالنتيجه ,,

لا أنسى أن أشكر أستاذي القدير جواني (http://www.swalif.net/softs/12139.html) من سوالف الذي لاوالله ثم هو لم نحصل على هذه الطريقه

ولا أنسى أن أشكر أخي وصديقي سعودي جرافيكس (http://www.ao1oa.com/vb/) الذي نبهني على هذا الخطأ وساعدني في فهم الكثير من الأكواد







التعديل الأخير كان بواسطة EJR7.COM; 20 - 09 - 2014 الساعة 02:12

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif color.zip (http://www.traidnt.net/vb/attachments/412579d1253399919-color.zip) (329.1 كيلوبايت, عدد مرات المشاهدة 535 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


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