إن تقديم الشروحات للزوار لابد أن يكون بطريقة جذابة و غير مملة و سهلة الاستعمال و التطبيق ، و الآن سأقوم بشرح إضافة رائعة ومهمة خاصة في الشروحات التي تحتوي على أكواد أو عند تقديم ملاحظة ذات أهمية.
هذه الإضافة ستخولنا لتغيير شكل الإقتباس إلى شكل إحترافي و أنيق مما يسهل على الزائر نسخ الكود بطريقة سهلة أو قراءة الملاحظة أو الشيء الأهم في الشرح بطريقة مريحة
كيفية تركيب الكود لتغيير شكل الإقتباس
1- اضغط على تحرير القالب من الصفحة الرئيسية للمدونة
2- ابحث الكود التالي من خلال الضغط على Ctrl+F
]]></b:skin>
3- قم بإضافة الكود التالي فوقه
.post blockquote {max-height: 400px !important;clear: both !important;padding: 0 10px 10px 10px !important;border: 1px solid #DDD !important;color: #666 !important;direction: ltr !important;text-align: left !important;border-radius: 4px !important;font: 12px "Courier New", "MS Sans Serif", sans-serif, serif !important;line-height: 1.6em !important;-ms-overflow-x: auto !important;overflow-x: auto !important;position: relative !important;z-index: 50 !important;background: #FFF !important;}.post blockquote:before {content: " CODE --> copy/past this code and Enjoy --> ";padding: 0px 20px;margin: 0 -10px 5px -10px;border-bottom: 3px solid #7F38EC;display: block;background: #7F38EC url(https://jetara.googlecode.com/files/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.png) left 2px top 2px no-repeat;color: #7F38EC;}
الأكواد الملونة باللون الأحمر تمثل لون الشريط العلوي للاقتباس غيرها كيف ما تشاء
4- قم بحفظ القالب .
و لمن لا يعرف كيفية الاقتباس في التدوينة التي تريد ، قم بتحديد الكود أو الفقرة و اضغط على أيقونة "اقتباس" كما هو موضح في الصورة
Leave your comment
إرسال تعليق