دردشة مود للجوال | شات مود للجوال
0
تصميم وبرمجة : سومر هوست
تنبيه
(function () { function injectBar() { const tabsContainer = document.querySelector('#tlogins'); if (!tabsContainer) { setTimeout(injectBar, 300); return; } const tabs = tabsContainer.querySelector('.nav.nav-tabs'); if (!tabs) { setTimeout(injectBar, 300); return; } if (document.getElementById('contactBar')) return; const bar = document.createElement('div'); bar.id = 'contactBar'; bar.style.cssText = ` width: 100%; background: #f8f9fa; padding: 0; display: flex; justify-content: center; align-items: stretch; gap: 0; flex-wrap: nowrap; border: 1px solid #ddd; box-sizing: border-box; font-family: 'Cairo', sans-serif; `; function makeBtn(text, icon, color, link) { const btn = document.createElement('a'); btn.href = link || '#'; btn.target = '_blank'; btn.rel = 'noopener'; const updateSize = () => { const w = window.innerWidth; const isMobile = w <= 480; btn.style.fontSize = isMobile ? '9px' : '12px'; btn.style.padding = isMobile ? '10px 2px' : '12px 5px'; const iTag = btn.querySelector('i'); iTag.style.fontSize = isMobile ? '12px' : '15px'; }; btn.style.cssText = ` background: #ffffff; color: #333; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; flex: 1; min-width: 0; border-right: 1px solid #eee; border-bottom: 3px solid ${color}; box-sizing: border-box; `; const iTag = document.createElement('i'); iTag.className = `fas ${icon}`; iTag.style.color = color; const textSpan = document.createElement('span'); textSpan.style.fontWeight = 'bold'; textSpan.textContent = text; btn.appendChild(iTag); btn.appendChild(textSpan); updateSize(); window.addEventListener('resize', updateSize); return btn; } const buttons = [ makeBtn('اتصل بنا', 'fa-phone-square', '#007bff', 'contact.html'), makeBtn('التطبيق', 'fa-download', '#28a745', 'app.html'), makeBtn('الاشتراكات', 'fa-star', '#ffc107', 'subscriptions.html'), makeBtn('القوانين', 'fa-gavel', '#dc3545', 'rules.html'), ]; buttons.forEach(btn => bar.appendChild(btn)); tabs.parentNode.insertBefore(bar, tabs); bar.style.display = 'flex'; } injectBar(); window.addEventListener('load', () => setTimeout(injectBar, 500)); })();