شحن مجاني علي جميع المنتجات لفترة محدوده قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY شحن مجاني علي جميع المنتجات لفترة محدوده قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY شحن مجاني علي جميع المنتجات لفترة محدوده قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY
شحن مجاني علي جميع المنتجات لفترة محدوده قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY شحن مجاني علي جميع المنتجات لفترة محدوده قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY شحن مجاني علي جميع المنتجات لفترة محدوده قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY

📌 طريقة الإضافة الصحيحة:

⚠️ مهم جداً: حط الكود ده قبل تاج <header id="header-content"> مش جواها!

الكود للنسخ:

<style>
.topbar-announcement {
    background: #0011CA;
    color: white;
    padding: 12px 0;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.marquee-container {
    display: flex;
    animation: scroll 30s linear infinite;
}

.marquee-content {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-shrink: 0;
}

.text-item {
    white-space: nowrap;
    border: 2px solid white;
    border-radius: 8px;
    padding: 8px 20px;
    background: rgba(255,255,255,0.1);
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
    .topbar-announcement { font-size: 12px; }
}
</style>

<div class="topbar-announcement">
    <div class="marquee-container">
        <div class="marquee-content">
            <span class="text-item">شحن مجاني علي جميع المنتجات لفترة محدوده</span>
            <span class="text-item">قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY</span>
            <span class="text-item">شحن مجاني علي جميع المنتجات لفترة محدوده</span>
            <span class="text-item">قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY</span>
            <span class="text-item">شحن مجاني علي جميع المنتجات لفترة محدوده</span>
            <span class="text-item">قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY</span>
        </div>
        <div class="marquee-content">
            <span class="text-item">شحن مجاني علي جميع المنتجات لفترة محدوده</span>
            <span class="text-item">قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY</span>
            <span class="text-item">شحن مجاني علي جميع المنتجات لفترة محدوده</span>
            <span class="text-item">قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY</span>
            <span class="text-item">شحن مجاني علي جميع المنتجات لفترة محدوده</span>
            <span class="text-item">قسطها عبر تابي أو تمارا على 4 دفعات / أو 6 دفعات عبر MIS PAY</span>
        </div>
    </div>
</div>

📍 المكان الصح:

<!-- حط الكود هنا ⬇️ -->
<div class="topbar-announcement">...</div>

<!-- بعدين الهيدر ⬇️ -->
<header id="header-content" class="site-header">
    ...
</header>
  اختر
 المرشحات
المرشحات
السعر
مسح الفلاترمسح الفلاتر
لم يتم العثور على المنتجات لم يتم العثور على منتجات مطابقة لاختيارك.
سلة التسوق الخاصة بي
المفضلة
شوهدت مؤخرا
الاصناف
قارن بين المنتجات (0 منتجات)