في هذه التدوينة سأحاول شرح عملية إدراج كود html داخل إطار و ذالك لأن العديد من المدونين في أغلب الأحيان يحتاجون لوضع أكواد html في مقالاتهم أو موضوعاتهم حيث يساعد هذا الإطار في تقليص مساحة الموضوع لأنه في بعض الأحيان يكون الكود كبير إذا من دون إطالة .
- أولا : قبل أي تغير نقوم بحفض القالب تفاديا للأخطاء
- ثــــــــانيا : نذهب إلى تصميم / تحرير html و بctrl-f نبحث عن الكود التالي
]]></b:skin>
بعد أن نجد الكود أعلاه نضيف فوقه الكود التالي
#code {
padding:5px;
border:1px dashed;
background-color:#1C1C1B;
direction: ltr;
text-align: left;
height:100px;
overflow-y:scroll;
}
100px هو إرتفاع الإطار
#1C1C1B لون خلفية الإطار
5px عرض الحافة الخارجية للإطار
أمـــــا في ما يخص تغير اللون إليكم مجموعة من المواقع المختصة بأمر من هنا
ثم نقم بحفض القالب
- ثــالثا : بعد أن تم تركيب الإضافة في القالب نذهب إلى كيفية إنشاء الموضوع مع إدراج كود html نتابع معا .
عند فتح رسالة جديدة فهي كتالي :
بعد نهاية الكود مباشرتا نذهب إلى السطر الموالي و نلسق هذا الكود
<div id="code">
ثم أسفل هذا الكود نضع كود html المراد إضهاره داخل الإطار و ذالك بعد تحويله من هنا
بعد عملية التحويل ننسخ الكود المحول من الإطار السفلي ونلسقه كما أشرنا في السابق .
ثم نضيف أسفله
</div>
و عليه نكون قد أدخلنا الكود داخل الإطار مثلا :
في الأخير عذرا على الإطالة في الشرح و بالتوفيق إنشاء الله .
و لا تبخلوا علينا بتعليقاتكم حتى و إن كانت إستفسارات فمرحبا بكم
كفووووووووووووووووووو
ردحذف