كيفية وضع نصوص واكواد قابلة للنسخ داخل صندوق

السلام عليكم ورحمة الله وبركاته , اليوم مع درس بسيط لكنه هام جدا من اجل تدوين افضل وبطريقه احترافيه تجعل زوارك يشعرون بمدى حرفية صاحب المدونه وتمكنه من ادوات بلوجر التدوينيه . درس اليوم يعني بصفه خاصه بطرق التعامل مع النصوص او اكواد css التي قد تتضمنها تدوينه ما يتم الشروع في نشرها . من خلال هذا الدرس سنتعلم طريقة تمييز نص معين او كود معين عن بقية النصوص التي تحتويها التدوينه . الامر يبدو قريب الشبه من استخدام اداة اقتباس الموجوده في محرر بلوجر لكن طريقة اليوم ذو امكانيات اكبر وشكل افضل وكذلك سرعه في الاداء والعرض .والامثله التي سيتم وضعها بالاسفل ستوضح للجميع فائدة تلك الطريقه البسيطه :
1 - لتمييز نص ما داخل التدوينه من خلال صندوق صغير قابل للتوسعه والطى قم اثناء كتابتك للموضوع بالانتقال الى وضع HTML وضع ما بالاسفل
<textarea>هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى يمكنك استبداله بالنص الذي ترغب فيه</textarea>
وسيظهر داخل التدوينه كما بالاسفل . 

هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى يمكنك استبداله بالنص الذي ترغب فيه

2 - لتمييز نص داخل التدوينه من خلال صندوق فيه زر لتظليل النص  قم اثناء كتابتك للموضوع بالانتقال الى وضع HTML وضع الكود التالي

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى والتظليل يمكنك استبداله بالنص الذي ترغب فيه</textarea></p></div></form>

وسيظهر النص داخل التدوينه بالشكل الموجود في الاسفل

هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى والتظليل يمكنك استبداله بالنص الذي ترغب فيه

هذا هو كل شئ وبالتوفيق للجميع .....

روابط هذا المـــوضوع قــابلــة للنــــسخ
URL
HTML

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

fortek