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