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

الصفحات

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


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

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

  • قم بالدخول الى تحرير قالبك إضغط على 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>

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

تعليقات