.emoji-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 15px; justify-items: center; margin-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto; } @media (max-width: 1024px) { .emoji-grid { grid-template-columns: repeat(5, 1fr); } } @media (max-width: 600px) { .emoji-grid { grid-template-columns: repeat(3, 1fr); } } .emoji-box { text-align: center; padding: 12px; border-radius: 10px; background-color: #f9f9f9; border: 1px solid #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); width: 100%; max-width: 70px; } .emoji-symbol { font-size: 28px; margin-bottom: 8px; user-select: none; } .copy-btn { background-color: #1e73be; color: white; border: none; padding: 5px 10px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: bold; } .copy-btn:hover { background-color: #155a96; } const container = document.getElementById('zodiac-emojis-container'); const zodiacEmojis = [ "♈", "♉", "♊", "♋", "♌", "♍", "♎", "♏", "♐", "♑", "♒", "♓", "☀️", "🌞", "🌝", "🌚", "🌙", "🌜", "🌛", "⭐", "🌟", "✨", "🌠", "☄️", "🌌", "🪐", "🌍", "🌎", "🌏", "🌑", "🌒", "🌓", "🌔", "🌕", "🌖", "🌗", "🌘", "🌙", "🪄", "🔮", "🧿", "🔭", "🔯", "🪬", "💫", "♾️", "♻️", "🔆", "🔅", "🔱", "🧘♂️", "🧘♀️", "🕉️", "☯️", "☮️", "☪️", "☦️", "♐", "♋", "♌", "⏳", "⌛", "🕰️", "⏰", "🕛", "🕧", "🕐", "🕜", "🕑", "🕝", "🕒", "🕞", "🕓", "🕟", "🕔", "🕠", "🕕", "🕡", "🕖", "🕢", "🕗", "🕣", "🕘", "🕤", "🕙", "🕥", "🕚", "🕦", "📆", "📅", "📈", "📉", "📊", "🧮", "🪙", "🧠", "👁️", "🌀", "🌫️", "🌈" ]; zodiacEmojis.forEach(emoji => { const div = document.createElement('div'); div.className = 'emoji-box'; div.innerHTML = ` ${emoji} نسخ `; container.appendChild(div); }); function copyEmoji(emoji) { navigator.clipboard.writeText(emoji).then(() => { alert('✅ تم نسخ: ' + emoji); }).catch(() => { alert('❌ فشل النسخ'); }); }
