2.07.2017

طريقة عمل كود داخل الموضوع بشكل جميل مع أضافه مميزه

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

شاهد كيف يكون شكل الكود داخل الموضوع

                              معاينة

هذه هي ميزات الكود
ألان نأتي لكيفية تركيب الكود
أولا
قم بدخول إلى قالب المدونة  وبحث عن وسم الإغلاق للهيد
</head>
فوق وسم  الإغلاق للهيد
قم بلصق الكود التالي



شاهد الصورة التالية:


 

بعد ذالك كل ما عليك هو عندما تريد كتابة موضوع وتحتاج
لوضع كود معين به
اتبع الخطوه التالية 
بعد أن تكتب الموضوع وترتبه بشكل كامل قم بالانتقال من
وضع تأليف إلى وضع
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;" >

 ضع الكود هنا
</textarea>
</div><input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();">

</form>
</div>

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

0 التعليقات

إرسال تعليق