القائمة الرئيسية

الصفحات

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


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

طريقة التركيب

  • قم بالدخول الى تحرير قالبك إضغط على Ctrl + F
    وإبحث عن  هذا الوسم ]]></b:skin>
  • وأضف هذا الكود فوقه مباشرة

.note{position:relative;width:30%;text-align: right;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden}.note.orange{background:#f39c12}.note.crusta{background:#F2784B}.note.river{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>

هل اعجبك الموضوع :

تعليقات