@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); body{ margin:0; height:100vh; display:flex; justify-content:center; align-items:center; background:#0f172a; font-family:'Poppins',sans-serif; } /* Kart */ .card{ width:500px; padding:40px; border-radius:20px; background:rgba(255,255,255,0.08); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.15); box-shadow:0 10px 30px rgba(0,0,0,0.4); transition:0.4s; } /* Hover */ .card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(99,102,241,0.5); } /* Başlık */ .card h1{ font-size:42px; margin-bottom:20px; background:linear-gradient(90deg,#60a5fa,#a855f7,#f472b6); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Yazı */ .card p{ color:#dbeafe; line-height:1.8; font-size:17px; } /* Buton */ .btn{ margin-top:25px; display:inline-block; padding:14px 28px; border-radius:12px; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:white; text-decoration:none; font-weight:600; transition:0.3s; } .btn:hover{ transform:scale(1.05); box-shadow:0 0 25px rgba(139,92,246,0.7); }

Modern CSS

Bu tamamen çalışan modern bir yazı eklentisi tasarımıdır. Glassmorphism ve neon hover efektleri içerir.

Başla

🇹🇷 Türkçe ☀️ Kurdî 🇫🇷 Français 🇧🇪 Vlaams '; } add_action('wp_body_open', 'mlb_render_bar'); modern-language-bar/style.css .mlb-bar{ position:fixed; top:20px; right:20px; z-index:99999; display:flex; align-items:center; gap:10px; padding:12px 18px; background:rgba(255,255,255,0.92); backdrop-filter:blur(12px); border-radius:18px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); border:1px solid rgba(255,255,255,0.4); } .mlb-bar a{ text-decoration:none; color:#222; font-weight:600; font-size:14px; padding:8px 12px; border-radius:12px; transition:all .25s ease; } .mlb-bar a:hover{ background:#1877f2; color:white; transform:translateY(-2px); } @media(max-width:768px){ .mlb-bar{ top:auto; bottom:15px; right:15px; flex-direction:column; width:auto; } }