bloggerarchive
247125322047940
تحميل

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



http://1.bp.blogspot.com/_1ujOdzAFpnI/S0NlGrAdztI/AAAAAAAAAeY/OrhVLJqa4xU/s400/html.jpg 

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

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

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

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



مثال عن الدرس



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

اولاً: اذهب للوحة تحكم مدونتك >القالب>تحرير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

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

تحياتي




ويب 7244406173399621198

إرسال تعليق تعليقات الموقع

  1. اشكرك اخي الكريم على التدوينة ده لاني كنت ابحث عليها

    ردحذف

لاضافة صورة او فيديو في التعليق ضع رابط الفيديو بين الوسمين كالتالي:
[video] رابط الفيديو [/video]
[img ]ربط الصور [/img]
للتعليق اضغط على مربع التعليق ياسم و اختر : الاسم / عنوان URL ثم اكتب اسمك فقط اذا اردت واضغط الاستمرار.

emo-but-icon

الصفحة الرئيسية item

المتابعون!

تابعنا على تويتر