0 اكواد html لصندوق توضع فيه اكود -- Box with Select All

بسم الله الرحم الرحيم 

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

حياك الله اخواني الكرام موضوعنا اليوم هو صندوق مهم لكل المدونين لكي يضعلوا الاكواد فيها في مواضيعهم  مع ميزة تحديد الكل شاهد صورة الصندوق 

الكود :

= = = = = = = = = = = = = = = = = = = = = = = = = = = =

<form name="MyTextBoxForm">

<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All" />

<textarea cols="70" name="MyTextBox" rows="10" wrap="off">ضع نصك هنا</textarea></form>

= = = = = = = = = = = = = = = = = = = = = = = = = = = =

ويمكنك التعديل على حجم الصندوق واليك التالي :-

"70"     يمثل عرض الصندوق

"10"     يمثل ارتفاع الصندوق

= = = = = = = = = = = = = = = = = = = = = = = = = = = =

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

<pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cUMCZ5QwjecThwS8xf9TMsRjXO3r0Q6KICkGHtvjrA56WDC9u6pmXC0VkGkfRS2Rmf3b02oPAvcm3VYSA7XUaPeOEprNTZ2VHJKsPlM_KDT72JAc3k2N_p6znr2x1dfyRBN_Z8UxYdRy/s1600/pre_bg.gif); background-position: 0% 0%; background-repeat: repeat repeat; border: 1px solid rgb(153, 153, 153); font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; overflow-x: scroll; overflow-y: auto; padding: 18px 10px 17px; position: relative; text-align: left; z-index: 50;">YOUR TEXT HERE</pre>
</div>

بعد اضافته ستظهر لك كلمه YOUR TEXT HERE ضللها والصق بدل عنها الجملة التي تريدها .

هل أعجبك الموضوع ...؟

اشترك معنا وأحصل على جديد المدونة :)	تابعنـا عبــر مواقــع التواصــل