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

الصفحات

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


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

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

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

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

تعليقات

ملاحظة مهمة جدا
نحن لم نقم بأي تعديل لهذا الملف وتم كتابة المقال دون المساس بحقوق الآخرين
نحن لا نشجع على الترويج للمحتوى المهكر او المقرصن او ما يسيء للاخرين
نحن لا ندعي امتلاكنا للتطبيقات و البرامج المعروضة على الموقع و لا لحقوقها
نحن نقوم بكتابة مقال تقني عن التطبيقات و البرامج التي نراها ذات منفعة للمستخدم و نتيح له امكانية تحميلها من موقعها الرسمي.
المقالات المنشورة على الموقع هي ملك لمدونة الجعبة التقنية ✍
نطلب من كل من أسأنا له عن غير قصد أن يتصل بنا لتصحيح الخطأ مع تقديمنا اعتذارا له⁦ ❤️⁩