الرئيسية
تسجيل الدخول
هل نسيت كلمة المرور؟
تسجيل عضوية جديدة
0
(function(){ if(window.__SIDE_FOOTER__) return; window.__SIDE_FOOTER__=1; // الحاوية المثبتة على الجنب var aside = document.createElement("aside"); aside.id = "sideFooter"; aside.style.cssText = [ "position:fixed", "left:0", // ← لو تبيه يمين غيّرها إلى right:0 واحذف left "top:0", "height:100vh", "width:58px", // عرض الشريط "z-index:2147483647", "display:flex", "flex-direction:column", "align-items:center", "justify-content:space-between", "padding:10px 8px", "box-sizing:border-box", // زجاجي/ستايل قريب من الفوتر "backdrop-filter:saturate(140%) blur(8px)", "-webkit-backdrop-filter:saturate(140%) blur(8px)", "background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02))", "border-right:1px solid rgba(255,255,255,.08)", "box-shadow:0 0 0 1px rgba(0,0,0,.25) inset, 0 12px 32px rgba(0,0,0,.28)" ].join(";"); // مسار داخلي للأزرار var rail = document.createElement("div"); rail.style.cssText = "display:flex;flex-direction:column;gap:10px;align-items:center"; // زر أيقونة عام function addBtn(href, img, alt){ var b = document.createElement("a"); b.href = href; b.target = "_blank"; b.rel = "noopener"; b.style.cssText = [ "display:flex","align-items:center","justify-content:center", "width:42px","height:42px","border-radius:14px", "background:rgba(0,0,0,.40)", "box-shadow:0 6px 18px rgba(0,0,0,.25)", "transition:transform .18s, background .18s", "cursor:pointer","outline:none","border:1px solid rgba(255,255,255,.06)" ].join(";"); b.onmouseenter = function(){ b.style.transform="translateX(4px)"; b.style.background="rgba(0,0,0,.6)"; }; b.onmouseleave = function(){ b.style.transform="translateX(0)"; b.style.background="rgba(0,0,0,.40)"; }; var i = document.createElement("img"); i.src = img; i.alt = alt; i.style.cssText = "width:22px;height:22px;object-fit:contain;display:block;filter:none"; b.appendChild(i); // Tooltip بسيط var tip = document.createElement("span"); tip.textContent = alt; tip.style.cssText = [ "position:absolute","left:66px","white-space:nowrap", "padding:8px 10px","border-radius:10px","font:13px/1.1 Segoe UI,Tahoma,Arial,sans-serif", "background:rgba(18,18,20,.96)","color:#fff", "box-shadow:0 10px 30px rgba(2,6,23,.6)", "opacity:0","transform:translateX(-6px)","pointer-events:none", "transition:opacity .18s, transform .18s" ].join(";"); b.style.position="relative"; b.appendChild(tip); b.addEventListener("mouseenter", function(){ tip.style.opacity="1"; tip.style.transform="translateX(0)"; }); b.addEventListener("mouseleave", function(){ tip.style.opacity="0"; tip.style.transform="translateX(-6px)"; }); rail.appendChild(b); } // العنوان الجانبي (نص عمودي مثل الفوتر) var tag = document.createElement("div"); tag.textContent = "تابعنا"; tag.style.cssText = [ "writing-mode:vertical-rl","text-orientation:mixed", "font:600 12px/1 'Noto Kufi Arabic', system-ui, sans-serif", "letter-spacing:.5px","color:#e5e5e5","opacity:.9", "user-select:none" ].join(";"); // حقوق بسيطة تحت (اختياري) var mini = document.createElement("div"); mini.innerHTML = "©"; mini.style.cssText = [ "width:42px","height:42px","display:flex","align-items:center","justify-content:center", "border-radius:12px","font:600 12px/1 Segoe UI,Tahoma,Arial,sans-serif", "color:#d0d0d0","background:rgba(0,0,0,.32)","border:1px solid rgba(255,255,255,.06)" ].join(";"); // أزرار السوشيال — استبدل الروابط لو حبيت addBtn("https://www.instagram.com/faststore1.me?igsh=MTUxaGg0MHFjcHM4Yg%3D%3D&utm_source=qr", "https://www4.0zz0.com/2022/09/02/05/185960614.png","انستغرام"); addBtn("https://www.tiktok.com/@aminos.officiall?_t=8VL3x958rKb&_r=1", "https://www9.0zz0.com/2022/09/02/05/259594874.png","تيك توك"); addBtn("https://www.snapchat.com/add/aminos_play?share_id=RDdFNjM4MEEtODYyRi00RDNCLUI5NkUtNEIyNkQ0RTk0MzA5&locale=ar_GB", "https://www13.0zz0.com/2022/09/02/03/802647965.png","سناب شات"); addBtn("https://wa.me/message/PNDBPJCA26VGK1", "https://www.svgrepo.com/show/176768/whatsapp-social-media.svg","واتساب"); addBtn("https://t.me/fast_store0", "https://www.svgrepo.com/show/271091/telegram.svg","تلقرام"); // تركيب التذييل الجانبي aside.appendChild(tag); aside.appendChild(rail); aside.appendChild(mini); (document.body||document.documentElement).appendChild(aside); // موبايل: تقليل حجم الشريط تلقائيًا function resizeForMobile(){ var isNarrow = window.matchMedia("(max-width: 720px)").matches; aside.style.width = isNarrow ? "52px" : "58px"; Array.from(rail.children).forEach(function(b){ b.style.width = isNarrow ? "38px" : "42px"; b.style.height = isNarrow ? "38px" : "42px"; }); } resizeForMobile(); window.addEventListener("resize", resizeForMobile); })();
تصميم وبرمجة