وضع كود داخل محتوى أو موضوع بدون التأثير على النص

وضع كود داخل محتوى أو موضوع بدون التأثير على النص

وضع كود داخل محتوى أو موضوع بدون التأثير على النص

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

تتميز هذه الطريقة بالاتي:

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

ولذالك سنقوم بشرح طريقة عمل صندوق أو إطار مميز يتم طرح الكود بداخله دون أن يؤثر على النص العربي ودون أن يحدث مشكلة لمن يقوم بنسخه.

هذا هو شكل الكود

تركيب الكود

قم بدخول إلى قالب المدونة وبحث عن وسم الإغلاق للهيد </head> فوق وسم الإغلاق للهيد

قم بلصق الكود التالي

  <script type="text/javascript"> function selectAll() { document.boxcode.tecseo.focus(); document.boxcode.tecseo.select(); } </script>

بعد ذالك كل ما عليك هو عندما تريد كتابة موضوع وتحتاج لوضع كود معين به.

اتبع الخطوه التالية:

بعد أن تكتب الموضوع وترتبه بشكل كامل قم بالانتقال من وضع تأليف إلى وضع Html من داخل الموضوع ابحث عن السطر الذي تريد أن تضيف الكود بعده. وقم بلصق الكود التالي

<div >
<form name="boxcode" style="text-align: center;" >
<div>
<textarea name="tecseo" style="background-color: #2c323c; color: white; text-align: left; width: 590px; height: 220px;" >

<!--Start JAVASCRIPT-->
<div class="s-code t-JAVASCRIPT" dir="ltr" style="text-align: left;">
<pre class="t-code"><code>  <script type="text/javascript"> function selectAll() { document.boxcode.tecseo.focus(); document.boxcode.tecseo.select(); } </script></code>
</pre>
</div>
<!--End JAVASCRIPT-->
</textarea>
</div><input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();"/>
</form>
</div>

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا