صندوق اكواد html

صندوق اكواد بخاصية تبديل الألوان تلقائيًا حسب الوضع الداكن أو الفاتح (Dark/Light Mode) بناءً على إعدادات المتصفح أو النظام. صندوق اكواد بخاصية تبديل الألوان تلقائيًا /* التصميم الأساسي الفاتح */ .code-box { position: relative; background: #f5f5f5; color: #333; border-radius: 12px; padding: 20px; margin: 30px auto; font-family: ‘Courier New’, monospace; direction: ltr; overflow: hidden; box-shadow: 0…

  نسخة محسّنة من صندوق الكود بمظهر أنيق، ألوان مريحة، وأزرار بشكل عصري (مستوحى من التصميمات الحديثة مثل Visual Studio Code أو المواقع التعليمية). لغة ترميز النص التشعبي (HTML) هي لغة أساسية لتطوير صفحات الإنترنت وتُستخدم لعرض المحتوى على شبكة الويب العالمية. تمثل مجموعة من الأكواد المُدرجة داخل ملفات خاصة تقوم متصفحات الويب بقراءتها وترجمتها إلى…

 صندوق اكواد رقم 1 احترافى بوب .code-box { position: relative; background: #272822; color: #f8f8f2; border-radius: 10px; padding: 15px; margin: 20px auto; font-family: monospace; direction: ltr; overflow: auto; } .code-box textarea { width: 100%; min-height: 150px; background: transparent; border: none; color: #f8f8f2; resize: none; font-size: 14px; outline: none; overflow: hidden; line-height: 1.4em; } .code-buttons { display:…