طريقة وضع الاكواد بشكل منسق و داخل إطار في التدوينة

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

اولا نقوم بكتابة تدوينة بطريقة عاديةوعندما نصل الى الجزء الذى نريد وضعه فى اطاراو صندوق نغير وضع الكتابة من تاليف الى HTML

ثانيا ثم نقوم بكتابتة هذا الجزء بين<textarea> ضع هنا ما تريد من اكواد او كلمات</textarea>
ثالثا ثم نقوم مرة اخرى بتغير الوضع الى تاليف وسوف ترى النتيجة كما فى الاسفل

ه<br /> بسم الله الرحمن الرحيم وبه نستعين وعليه نتوكل اليوم سوف اوضح موضوع من الموضوعات البسيطة ولكن لها اهمية كبيرة فى تنسيق المدونة وعمل مظهر جمالى لها وهى وضع الاكواد داخل مربع او اطار او صندوق قابل للتوسيع وهناك طرق مختلفة ولكن هذه الطريقة الاسهل وانا قمت بتنفيذها فى مدونتى وقد وجدتها طريقة سهبسم الله الرحمن الرحيم وبه نستعين وعليه نتوكل اليوم سوف اوضح موضوع من الموضوعات البسيطة ولكن لها اهمية كبيرة فى تنسيق المدونة وعمل مظهر جمالى لها وهى وضع الاكواد داخل مربع او اطار او صندوق قابل للتوسيع وهناك طرق مختلفة ولكن هذه الطريقة الاسهل وانا قمت بتنفيذها فى مدونتى وقد وجدتها طريقة سهبسم الله الرحمن الرحيم وبه نستعين وعليه نتوكل اليوم سوف اوضح موضوع من الموضوعات البسيطة ولكن لها اهمية كبيرة فى تنسيق المدونة وعمل مظهر<textarea> يمكنك استبداله بالنص الذي ترغب فيه
  رابعا اذا كنت تريد تميز نص اوكود داخل التدوينة قم ايضا بعمل نفس الخطوة الاولى والثالثةالسابقة فقط ولكن مع وضع الكود بالاسفل وتغير الكلمات باللون الازرق الى الكود اوالتدوينة التى تريد وضعها فى مربع او صندوق   والشكل النهائى كما بالاسفل
  ملاحظة بالضغط على الزر اعلى الصندوق اوالمربع بالاسفل يتم تظليل الصندوق
بالكامل                           
الكود

<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>

ضع هنا ما تريد من اكواد او كلمات

الى هنا نصل الى نهاية الشرح والسلام عليكم ورحمة الله وبركاتة