كيفية تخصيص مساحة للأكواد في التدوينية
https://www.techpointblog.com/2012/08/codespacehtmlcss.html
مرحباً! الكل يعلم اهمية تنسيق وشكل تدوينية و اثرها في جذب الزوار وتحسين شكل المدونة
وقد يكون احيانا في احد التدوينيات مثلا كود ما يستخدم لتطبيق درس او شئ من هذا القبيل
فاذا كان الكود طويلا قد يشوه من شكل التدوينيه حسناً! مذا لو كانت هناك مساحة خاصه
لمثل تلك الاكواد؟! اليوم اتيت لكم بدرس كيفية تخصيص مساحه خاصة للكواد بشكل مميز
لكي لا تشوه التدوينية الان تابعو الدرس:
مثال عن الدرس
كيفية جعل مساحه مخصصه للكواد:
اولاً: اذهب للوحة تحكم مدونتك >القالب>تحريرHTML > اشر على توسيع القوالب
ثانياً: اضغط Ctrl+F و إبحث عن الوسم التالي:
اولاً: اذهب للوحة تحكم مدونتك >القالب>تحرير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
لا تنسى أبداء رأيك بالموضوع عبر تعليق من الصندوق ادناة.
تحياتي
الكاتب :
Salem Shami
مؤسس نقطة تقنية، مهتم بأخبار التقنية و التجارة الإلكترونية،أسعد بالتواصل معك عبر حساباتي في المواقع الإجتماعية أدناه
اشكرك اخي الكريم على التدوينة ده لاني كنت ابحث عليها
ردحذف