4 يوليو 2016


منذ مدة طلب مني بعض الإخوان منحهم كود الصناديق لعرض الاكواد الذي نستعمله بالمدونة طبعا قدمته للبعض وبما أنّ الطلب زاد عليه قررت أن أخصص هذه التدوينة للمدونين المهتمين بهذه الإضافة.وهو صندوق مميز يتميز بالون الاسود الفاتح وهو لون ملائم لوضع الاكواد يزيد من جمال المدونة بحيث توفر دعما يشمل النسخ بالضغط مرتين على الكود وتوضح كل اسم للوسوم 



شرح تركيب الاضافة
  1. داخل القالب تحرير html 
  2. ابحت عن هدا الوسم   <b:skin/> تم ضع الكود التالي فوقه :
blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote { overflow:auto; max-height:250px; background:#23303A; color:#ccc; border-radius:4px; margin:10px; padding:10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .post blockquote:before { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left: 6px; color: #717070; float: right; }

  1. قم بحفظ العمل بعد دلك ان اردت ادراج الصندوق في التدوينة اتبع الخطوة الموضحة في الصورة التالية

  1. لا تنسى ان باب التعليقات مفتوح ان كان لديك اي استفسار . . . بالتوفيق 

منذ مدة طلب مني بعض الإخوان منحهم كود الصناديق لعرض الاكواد الذي نستعمله بالمدونة طبعا قدمته للبعض وبما أنّ الطلب زاد عليه قررت أن أخصص هذه التدوينة للمدونين المهتمين بهذه الإضافة.وهو صندوق مميز يتميز بالون الاسود الفاتح وهو لون ملائم لوضع الاكواد يزيد من جمال المدونة بحيث توفر دعما يشمل النسخ بالضغط مرتين على الكود وتوضح كل اسم للوسوم 



شرح تركيب الاضافة
  1. داخل القالب تحرير html 
  2. ابحت عن هدا الوسم   <b:skin/> تم ضع الكود التالي فوقه :
blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote { overflow:auto; max-height:250px; background:#23303A; color:#ccc; border-radius:4px; margin:10px; padding:10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .post blockquote:before { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left: 6px; color: #717070; float: right; }

  1. قم بحفظ العمل بعد دلك ان اردت ادراج الصندوق في التدوينة اتبع الخطوة الموضحة في الصورة التالية

  1. لا تنسى ان باب التعليقات مفتوح ان كان لديك اي استفسار . . . بالتوفيق 
0 Blogger تعليقات
Disqus
0 تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة