كيفية الاستخدام (الشرح الذي ستقدمه لمشتري القالب)

 

الخطوة الثانية: كيفية الاستخدام (الشرح الذي ستقدمه لمشتري القالب)

الآن، لاستخدام هذه الصناديق، كل ما على الكاتب فعله هو الانتقال إلى وضع "عرض HTML" (HTML view) في محرر مقالات بلوجر ولصق الأكواد التالية:

1. صندوق المعلومات (Info):

<div class="alert-box alert-info">
<b>معلومة:</b> هذا النص هو مجرد مثال لتوضيح شكل صندوق المعلومات. يمكنك وضع أي نص أو روابط هنا.
</div>

معلومة: هذا النص هو مجرد مثال لتوضيح شكل صندوق المعلومات. يمكنك وضع أي نص أو روابط هنا.

2. صندوق النجاح (Success):

<div class="alert-box alert-success">
<b>نجاح:</b> هذا النص هو مجرد مثال لتوضيح شكل صندوق النجاح. يمكنك وضع أي نص أو روابط هنا.
</div>

نجاح: هذا النص هو مجرد مثال لتوضيح شكل صندوق النجاح. يمكنك وضع أي نص أو روابط هنا.

3. صندوق التحذير (Warning):

<div class="alert-box alert-warning">
<b>تحذير:</b> هذا النص هو مجرد مثال لتوضيح شكل صندوق التحذير. يمكنك وضع أي نص أو روابط هنا.
</div>

تحذير: هذا النص هو مجرد مثال لتوضيح شكل صندوق التحذير. يمكنك وضع أي نص أو روابط هنا.

4. صندوق الخطأ (Error):

<div class="alert-box alert-error">
<b>خطأ:</b> هذا النص هو مجرد مثال لتوضيح شكل صندوق الخطأ. يمكنك وضع أي نص أو روابط هنا.
</div>

خطأ: هذا النص هو مجرد مثال لتوضيح شكل صندوق الخطأ. يمكنك وضع أي نص أو روابط هنا.

جرب بنفسك! اذهب وأنشئ مقالًا جديدًا، انتقل إلى وضع "عرض HTML"، والصق أحد هذه الأكواد. ثم عد إلى "عرض وضع الإنشاء" وستجد الصندوق ظاهرًا أمامك.