اطار جميل تضع به اكواد html فى مدونتك

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

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

<div dir="ltr" style="text-align: right;" trbidi="on"> <br /></div><style>body{background:brown;} #codebox{width:300px; height:50px; margin :0 auto; color:#fff; background:black; padding:10px; border-left:5px solid red ; font-size:16px; } #button{ background:black; color:white; width:150px; padding:10px; font:20px; } </style><center> <div> <form name="copy"> <div align="center"> <input id="button" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="select all"> </div><div align="center"> </div><p align="center"><textarea id="codebox" style="WIDTH: 600px; HEIGHT: 200px" name="txt" rows="100" wrap="VIRTUAL" cols="55">الكودهنا