كيفية تخصيص مساحة للأكواد في التدوينية

 

مرحباً! الكل يعلم اهمية تنسيق وشكل تدوينية و اثرها في جذب الزوار وتحسين شكل المدونة

 
وقد يكون احيانا في احد التدوينيات مثلا كود  ما يستخدم لتطبيق درس او شئ من هذا القبيل 

فاذا كان الكود طويلا قد يشوه من شكل التدوينيه حسناً! مذا لو كانت هناك مساحة خاصه

لمثل تلك الاكواد؟! اليوم اتيت لكم بدرس كيفية تخصيص مساحه خاصة للكواد بشكل مميز

لكي لا تشوه التدوينية الان تابعو الدرس:

مثال عن الدرس

كيفية جعل مساحه مخصصه للكواد:

اولاً: اذهب للوحة تحكم مدونتك >القالب>تحريرHTML > اشر على توسيع القوالب

ثانياً: اضغط Ctrl+F   و إبحث عن الوسم التالي:

]]></b:skin>

ثم ضع قبله الكود التالي مباشرة:

#code { padding:5px; border:1px dashed; background-color:#a4ddff; direction: ltr; text-align: left; height:100px; overflow-y:scroll; }

الكود الازرق يمثل لون خلقية مساحة الاكواد ويمكنك تغييرها و استبدالها بلون اخر يمكنك
اختياره من هذا الموقع او هذا الموقع  .

الكود الاحمر يمثل طول مساحة الكود الظاهرة ويستنصح بـ 100px 

الان اضغط حفظ القالب

 
الان لاستخدام هذه الخاصية التي اضفتها لمدونتك عند اضافة مشاركة

اضغط على ور HTML بجانب زر تأليف في مساحة كتابة التدوينية

وضع كودك خلال هذا الكود:

 <div id="code">  

  هنا مكان وضع الكود

   </div>


:::::::::::::::::::::::::::::::::::::::::::::::::::::::

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

كما ارجو منك الضغط على الزرار المواقع الاجتماعية ادناة

+1 , tweet , like

لا تنسى  أبداء رأيك بالموضوع  عبر تعليق من الصندوق ادناة.

تحياتي