اليوم سوف نتعرف على شكل جديد و انيق لهده الاضافة بحيت نستطيع اضافة نص معين داخل ورقة مطوية و نستطيع كدالك التحكم في الالوان على حسب الدوق ويمكنك معاينة هده الاضافة عبر الضغط على الزر التالي
طريقة تركيب الاضافة
اولا تقوم بالتوجه الى لوحة تحكم بلوجر
تم اضغط على تبويب المضهر
تم تقوم بالبحت على الوسم التالي داخل اكواد القالب
]]></b:skin>
واضف فوقه الكود التالي
/* 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>
اتمنى ان يكون المضوع قد نال اعجابكم من اجل اي استفسار صندوق التعليقات مفتوح