طريقه وضع الاكواد في الصفحه الرئيسيه (html)

الجمعة أغسطس 19, 2011 7:17 pm

2:12طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى

السلام عيكم أخوانى و أخواتى

أتيت
إليكم اليوم بطريقة وضع الأكواد بصورة سهلة و مبسطة و مجمعة لكل الأماكن
التى يمكنكم وضع الأكواد بها و تنظيمها و تنسيقها للعمل على تطوير مظهر و
إمكانيات المنتدى

أكواد ال html لها 3 طرق لوضع الكود

الطريقة الأولى
و هى الطريقة الفورية المرئية للكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و هى أن يكون زر ال html لونه أحمر
و هى الطريقة المرئية أى يمكنك صنع الكود الذى تريده من خلال إستخدام
أزرار الكتابة المختلفة الموضحة بصندوق وضع الأكواد مثل ما يظهر بالصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لمعرفة وظيفة كل زر منهم ما عليك إلا قراءة هذا الوصف

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
هو الزر الذى يلغى تنسيق ما فعلته داخل الموضوع أى ان كنت حددت مقاس حرف
او لوته فبالضغ على هذا الور و تظليل ما اردت ارجاعه لأصله يعود ما أردت
للحالة الاولى بدون أى تنسيق
الزر الثانى و هو زر أختيار نوع الفونت المستخدم أو بمعنى أوضح شكل خط الكتابة
الزر الثالث و هو تحديد حجم الكتابة المراد إستخدامها
الزر الرابع و هو تحديد لون الكتابة التى تريدها من خلال تظليل الكلمة او الاحرف التى تريد تلوينها و اختيار اللون المناسب
الزر الخامس [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو وضع خلفية للكلمات او الحروف المراد تلوين خلفينها بحيث تصبح خلفية هذة الأحرف مختلفة عن خلفية المكان الظاهر فيه الكود المصنع
الزر السادس [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو زر القص او cut و يعمل على حذف ما تريده من مان الكود عن طريق التظليل و الضغط على الزر
الزر السابع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو زر النسخ copy و هو يقوم بنسخ أى شيىء أو صورة أو كود تقوم بتظليله من المكان الخاص بالأكواد لوضعه فى مكان أخر
الزر الثامن [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو زر اللصق او paste و هو يضيف شيىء او نص او صورة نقلتها من أى مكان لمكان الأكواد مباشرة
الزر التاسع و العاشر [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و هما أزرار ال undo و ال redo و الاول للتراجع عن خطوة قمت بها فى منطقة
الاكواد و الثانى للتقدم خطوة فيما قمت به فى منطقة الأكواد
الزر الحادى عشر و الثانى عشر [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أمتداد الصندوق أى المساحة التى تصنع فيها الكود لأعلى و لأسفل حتى تستطيع
معاينة الكود ككل ان كان مساحته أكبر من تلك المساحة الصغيرة الظاهرة
بصندوق الأكواد عند بداية صنع الكود
الزر الأخير [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] بالصف الأول و هوو هو يعمل كمثل زر ال html الأحمر والأخضر للتنقل بين الحاليتين

نبدأ بالصف الثانى من أزرار صندوق الأكواد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تجعل الخط عريضاً
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تجعل الخط مائلاً
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تضع سطراً تحت الخط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تضرب على نص الكتابة بسطر في الوسط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تجعل الخط مصفّفاً على اليسار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تجعل الخط مصفّفاً في الوسط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تجعل الخط مصفّفاً على اليمين
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تجعل الخط مصفّفاً من الجانبين
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو التنقل بما كتبته او وضعته من الكود بالمساحة المحددة للخلف
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو التنقل بما تبته او وضعته من الكود بالمساحة المحددة للأمام
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تظهر لائحة غير منظمة (بدون ارقام)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] : تظهر لائحة منظمة بارقام
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] و هو لإضافة رابط على صورة او كلمة أو جملة قمت بتظليلها لتكون جاهزة عند إضظهار الكود حين الضغط عليها تتوجه لهذا الرابط مباشرة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يعكس عملية وضع الرابط اى عند التظليل مرة اخرى لما عليه رابط و الضغط على
هذا الزر يقوم بحذف الرابط الذى وضعته على الصور او الكلمة او الجملة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لإضافة بريد إليكترونى أو إيميل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لإضافة رابط صورة قمت بتحميلها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لصنع جدول من أعمدة و صفوف انت تحدد اماكنها و عددها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] بتحميل الصور على مركز تحميل الصور الإحترافى الخاص بمنتداك

الطريقة الثانية
و هى للأكواد المعدة مسبقا أو الجاهزة
و هى ان يكون زر html لونه أخضر و ماعليك سوى لصق الكود الذى تحمله معك فى المكان المحدد و تدوس سجل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الطريقة الثالثة
و هى خلاصة الطريقتان السابقتان معا

و هى تجمع بين الطريقتين الأول و الثانية و هى أن تضع الكود و ال html
خضراء ثم تقوم بتنسيق الكود او تلوين كلماته او وضع روابط عليها بالإنتقال
إلى الطريقة المرئية من خلال زر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الموجود
فى مكان أزرار الكتابة و لكن بالطبع لن يظهر لك ان كنت بدأت بوضع الكود و
انت على ال html الأخضر لأن أزرار منطقة الأكواد لا تظهر فى هذة الحاله لذا
ما عليك هو ان تسجل الكود و انت بالطريقة الثانية أعلاه و من ثم تقوم مرة
اخرى بالدخول على الكود و الإنتقال للطريقة الأولى و تنسيق الكود الموجود
بصندوق الأكواد

ملاحظة : بعض الأكواد لا تظهر ان أردت التنسيق عليها فى الحالة الأولى لذا عليك ان تتعامل معها فى الحاله الثانية فقط
و ذلك سيظهر لك فى مواضيعنا المختلفه هنا بقسم التقنيات عن طريقة وضع كل كود