دليل تفصيلي: كيف تخصص إطار Super Game Boy بنفسك؟

<header class="tech-header">
    <div class="separator" style="clear: both; text-align: center;">
        <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfK_sJ9hgw6qpTI0ivQJUPs5rQJeUrvh-SlQ0IQYWtJG9ZUnZFPIMZwQ_Fhndy1giaoUaBpGYZ-yNnzW49R2bjfYGL3mwXz3CKAy8WRMPk6iXliXD191ta_3mES_kfFF1pXpCOIsBPkUgkgHbjHdIG34ovplIqTn8I6O48Jd2-f_2k5e9rOy-Dcl2-9mI/s1536/ac7e32b9-3dcb-4749-1bec534e2a7f.png" target="_blank">
            <img class="img-frame" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfK_sJ9hgw6qpTI0ivQJUPs5rQJeUrvh-SlQ0IQYWtJG9ZUnZFPIMZwQ_Fhndy1giaoUaBpGYZ-yNnzW49R2bjfYGL3mwXz3CKAy8WRMPk6iXliXD191ta_3mES_kfFF1pXpCOIsBPkUgkgHbjHdIG34ovplIqTn8I6O48Jd2-f_2k5e9rOy-Dcl2-9mI/s320/ac7e32b9-3dcb-4749-1bec534e2a7f.png" width="320" alt="Super Game Boy Border" />
        </a>
    </div>
    <h2 style="color: var(--xe-blue); text-align: center;">🖼️ وش هو إطار Super Game Boy؟</h2>
    <p>الإطار (Border) هو الخلفية اللي تظهر حوالين شاشة اللعب لما تشغّل ألعاب GB على SGB. نينتندو كانت تحط إطارات رسمية لبعض الألعاب… لكن الحين؟ تقدر تصمم واحد بنفسك 💥</p>
</header>

<section class="section-card">
    <h3 style="color: var(--xe-gold);">🛠️ الأشياء اللي تحتاجها</h3>
    <ul class="clean-list">
        <li>🎨 برنامج رسم (يفضل Photoshop أو GIMP)</li>
        <li>📦 أداة <strong>SGB Border Injector</strong> أو <strong>GB Enhanced</strong></li>
        <li>📁 ROM لعبة GB تدعم SGB أو يمكن تعديلها</li>
    </ul>
</section>

<section class="section-card">
    <h3 style="color: var(--xe-gold);">📐 أبعاد التصميم</h3>
    <ul class="clean-list">
        <li>🖼️ الحجم: <code>256x224</code> بيكسل (نفس دقة شاشة SNES)</li>
        <li>🎨 4 ألوان فقط لكل جزء (بسبب حدود الـ VRAM)</li>
        <li>🌈 استخدم تنسيق <code>.PNG</code> أو <code>.BMP</code> في النهاية</li>
    </ul>
</section>

<section class="section-card">
    <h3 style="color: var(--xe-gold);">🧪 خطوات التخصيص بالكامل</h3>
    
    <h4>1. صمّم الإطار</h4>
    <p>استخدم أي برنامج رسم وخلّي المساحة اللي وسط فارغة (مكان شاشة اللعب). مثلاً: حط شعارك فوق، شخصيتك الغامضة يمين، وخلفية ريترونتندو بالزاوية!</p>
    
    <h4>2. حفظ الملف بصيغة مقبولة</h4>
    <p>احفظ التصميم كـ <code>24-bit BMP</code> أو <code>indexed PNG</code> وتأكد إنك ملتزم بـ 4 ألوان كحد أقصى!</p>
    
    <h4>3. استخدام SGB Border Injector</h4>
    <p>افتح البرنامج، اختَر ROM اللعبة، وحدد صورة الإطار… راح يحط الإطار داخل اللعبة نفسها (منطقة SGB فقط).</p>
    
    <h4>4. جرّب اللعبة على محاكي يدعم SGB</h4>
    <p>RetroArch مع نواة SameBoy – أو حتى محاكي bgb – راح يعرض الإطار الخاص فيك إذا كان الـ ROM معدل بشكل سليم.</p>
</section>

<section class="section-card">
    <h3 style="color: var(--xe-gold);">📁 نصائح حكميك الذهبية</h3>
    <ul class="clean-list">
        <li>🖌️ صمّم إطار مو مزعج… خلّي الألوان خفيفة وما تشتت عن اللعب</li>
        <li>⚠️ لا تغيّر من بيانات ROM بشكل كبير، خلي بس الإطار</li>
        <li>🎮 جرّب الإطار على أكثر من محاكي للتأكد إنه يظهر بشكل صحيح</li>
    </ul>
</section>

<footer style="background: #252525; padding: 25px; border-radius: 12px; border: 1px solid #333; text-align: center;">
    <h3 style="color: var(--xe-gold); margin-top: 0;">📌 وش تسوي بالإطارات بعدين؟</h3>
    <ul class="clean-list" style="text-align: right; max-width: 450px; margin: 0 auto 20px auto;">
        <li>– تقدر توزعها للمتابعين بصيغة ROM</li>
        <li>– أو تسوي تجميعة ألعاب فيها كل وحدة بإطار خاص</li>
        <li>– أو حتى تنشئ لعبة GB بسيطة وتحط لها هويتك الخاصة على SGB فقط!</li>
    </ul>
</footer>