اليوم سوف نتعرف على شكل جديد و انيق لهده الاضافة بحيت نستطيع اضافة نص معين داخل ورقة مطوية و نستطيع كدالك التحكم في الالوان على حسب الدوق ويمكنك معاينة هده الاضافة عبر الضغط على الزر التالي
طريقة تركيب اضافة الملاحظات على شكل ورقة مطوية
من لوحة تحكم المدونة قم بالتوجه الى قالب تم تحرير HTML
قم باخد نسخة احتياطية لقالب المدونة قبل القيام باي خطوة تفاديا لاي اخطاء قد تقوم بها
الان قم بالبحت على الوسم ]]></b:skin> عبر الظغط على Ctrl+F
تم ضع الكود التالي فوقه مباشرة
/* CSS Note by fpt-tech.co */
.note{position:relative;width:30%;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71; direction: rtl;overflow:hidden}
.note.orange{direction: rtl;background:#f39c12}
.note.crusta{direction: rtl;background:#F2784B}
.note.river{direction: rtl;background:#3498db}
.note:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.note.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22}
.note.crusta:before{border-color:#fff #fff #de6e45 #de6e45;background:#de6e45}
.note.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9}
بعد ان قمنا بالخطوات السابقة نقوم بالضغط على زر حفض المضهر
حسنا بعد كتابة اي موضوع , من اجل ان نقوم باضافة ملاحضة او رسالة تنبيهة او تحذيرية يجب ان نقوم بلصق احد الاكواد التالية ودلك يكون داخل خانة HTML مع تعديل اكتب هنا ما تشاء بما تشاء
<div class='note'>...هنا اكتب ما تشاء...</div> <div class='note orange'>...هنا اكتب ما تشاء...</div> <div class='note river'>...هنا اكتب ما تشاء...</div> <div class='note crusta'>...هنا اكتب ما تشاء...</div>
اتمنى ان يكون المضوع قد نال اعجابكم من اجل اي استفسار صندوق التعليقات مفتوح