Küp Şeker Emojisi Kopyala ⬜️ ☕ 🍬 🧊

Whatsapp veya Instagram'da mesajlaşırken çeşitli şeker emojisi bulunmaktadır. Bu yazıda ise küp şeker emojisi kopyala ⬜️ ☕ 🍬 🧊 seçeneklerini paylaşıyor olacağız. Direkt olarak Unicode bakıldığında küp şeker emojisi yok. Fakat, buradaki sembol ve emojileri küp şeker emojisi olarak kullanabilirsiniz. Küp Şeker Emojisi Kopyala /* Stil çakışmalarını önlemek için özel bir kapsayıcı içinde tüm stilleri tanımlıyoruz */ .emoji-list-container * { box-sizing: border-box; margin: 0; padding: 0; } .emoji-list-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; max-width: 800px; margin: 20px auto; padding: 20px; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-radius: 16px; } .emoji-list-container .title { color: #333; text-align: center; margin-bottom: 20px; font-weight: 600; font-size: 1.8em; } .emoji-list-container .emoji-container { display: flex; flex-direction: column; gap: 12px; } .emoji-list-container .emoji-row { display: flex; align-items: center; padding: 12px 16px; background-color: #f8f9fa; border-radius: 12px; transition: all 0.2s ease; } .emoji-list-container .emoji-row:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .emoji-list-container .emoji { font-size: 28px; min-width: 48px; display: flex; justify-content: center; margin-right: 16px; } .emoji-list-container .emoji-name { flex-grow: 1; font-size: 16px; color: #333; } .emoji-list-container .copy-btn { background-color: #6c5ce7; color: white; border: none; border-radius: 8px; padding: 8px 16px; cursor: pointer; transition: all 0.2s ease; font-size: 14px; font-weight: 500; } .emoji-list-container .copy-btn:hover { background-color: #5a49d0; transform: scale(1.05); } .emoji-list-container .copy-success { background-color: #00b894 !important; } /* Bildirim için stil - alt kısma göre güncellendi */ .emoji-notification { position: fixed; bottom: 20px; /* Üstten alta değiştirildi */ right: 20px; background-color: #00b894; color: white; padding: 12px 18px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); z-index: 9999; opacity: 0; transform: translateY(20px); /* Yukarı yerine aşağı hareketi için değiştirildi */ transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); font-size: 16px; pointer-events: none; display: flex; align-items: center; gap: 10px; } .emoji-notification-icon { font-size: 22px; } /* Emoji listesini responsive hale getirmek için */ @media (max-width: 600px) { .emoji-list-container { padding: 15px; margin: 10px; border-radius: 12px; } .emoji-list-container .emoji-row { padding: 10px; } .emoji-list-container .emoji { font-size: 24px; min-width: 40px; } .emoji-list-container .copy-btn { padding: 6px 12px; font-size: 12px; } } (function() { const heartFireEmojis = [ { emoji: "⬜️", name: "Küp Şeker Emojisi" }, { emoji: "⬜️ ☕", name: "Çay ve Küp Şeker" }, { emoji: "🍬", name: "Şeker Emojisi" }, { emoji: "🧊", name: "" }, { emoji: "🍬⬜️🧊🥄", name: "Küp Şekeri" }, ]; const emojiList = document.getElementById('emojiList'); const notificationElement = document.getElementById('emojiNotification'); // Bildirim gösterme fonksiyonu - animasyon yönü değiştirildi function showNotification(emoji, name) { notificationElement.innerHTML = ` ✓ ${emoji} ${name} kopyalandı! `; notificationElement.style.opacity = '1'; notificationElement.style.transform = 'translateY(0)'; setTimeout(() => { notificationElement.style.opacity = '0'; notificationElement.style.transform = 'translateY(20px)'; // Yukarı yerine aşağı }, 2000); } heartFireEmojis.forEach(item => { const row = document.createElement('div'); row.className = 'emoji-row'; const emojiSpan = document.createElement('span'); emojiSpan.className = 'emoji'; emojiSpan.textContent = item.emoji; const nameSpan = document.createElement('span'); nameSpan.className = 'emoji-name'; nameSpan.textContent = item.name; const copyButton = document.createElement('button'); copyButton.className = 'copy-btn'; copyButton.textContent = 'Kopyala'; copyButton.onclick = function() { navigator.clipboard.writeText(item.emoji).then(() => { // Buton metnini değiştir copyButton.textContent = 'Kopyalandı!'; copyButton.classList.add('copy-success'); // Bildirim göster showNotification(item.emoji, item.name); // Butonu eski haline getir setTimeout(() => { copyButton.textContent = 'Kopyala'; copyButton.classList.remove('copy-success'); }, 2000); }); }; row.appendChild(emojiSpan); row.appendChild(nameSpan); row.appendChild(copyButton); emojiList.appendChild(row); }); })(); // IIFE ile kodu hemen çalıştırıyoruz ve izole ediyoruz Yukarıdan küp şeker emoji seçeneklerini kopyalayabilirsiniz. Örneğin, buz küpü emojisi de küp şekere benzediğinden, bunu da emoji seçenekleri arasına ekledik. Eğer bilgisayarda klavyeden bu emojiyi kopyaladıysan, küp şeker sembolünü yapıştırmak için CTRL + V tuşuna basıp yapıştırabilirsiniz. Küp şeker emojisi var mı? Direkt olarak bir küp şeker sembolü, işareti veya emojisi bulunmamaktadır. Bunun yerine, buz küpü, şeker emojisi, beyaz kare gibi emojileri tercih edebilirsiniz. Bu emojileri mesjalaşırken, gönderi açıklamaları veya kullanıcı adınızın yanında da kullanabilirsiniz.