AllaTurkaa

HTML

 <style>
#button-bar {
  position: absolute;  /* Bu div sayfada tam olarak istediğimiz yere yerleşir */
  top: 1630px;         /* Sayfanın üstünden ne kadar aşağıda olacak */
  left: 220px;         /* Sayfanın solundan ne kadar sağda olacak */
  display: flex;       /* Butonları yan yana dizer */
  gap: 60px;           /* Butonlar arasındaki boşluk */
  z-index: 66;         /* Butonların diğer içeriklerin üstünde görünmesi için */
  margin-bottom: 150px;/* Sayfanın altına boşluk bırakmak için */
}
.neon-btn {
  position: relative;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 12px;
  background: rgba(0,0,0,0.55);
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.neon-btn::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  background: linear-gradient(
    270deg,
    #ff004c,
    #ff9f00,
    #f6ff00,
    #00ff9d,
    #00c3ff,
    #7a00ff
  );
  background-size: 400% 400%;
  animation: moveGradient 6s linear infinite;
  z-index: -1;
}
.neon-btn::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  z-index: -1;
}
.neon-btn:hover {
  transform: scale(1.08);
}
@keyframes moveGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
   .game-menu {
  position: relative;
}
.game-list {
  position: absolute;
  top: 48px;
  left: 0;
  min-width: 180px;
  background: rgba(0,0,0,0.9);
  border-radius: 10px;
  padding: 6px;
  display: none;
  flex-direction: column;
  gap: 6px;
  z-index: 999;
}
.game-list a {
  color: #fff;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 15px;
  background: rgba(255,255,255,0.05);
}
.game-list a:hover {
  background: rgba(255,255,255,0.15);
}
</style>
<script>
function toggleGames(event) {
  event.preventDefault();
  const list = document.getElementById('gameList');
  list.style.display = list.style.display === 'block' ? 'none' : 'block';
}

function openGame(event, url) {
  event.preventDefault();
  window.open(url, 'popup', 'width=800,height=600');
}
</script>
<div id="button-bar">
  <a class="neon-btn" href="https://allaturkaa.de/radyo/sid.php?no=1146" target="_blank">SiD GÖNDER</a>

  <a class="neon-btn" href="#"
     onclick="window.open('https://smiley-gif.blogspot.com/','popup','width=800,height=600');return false;">
     İFADELER
  </a>

  <div class="game-menu">
    <a class="neon-btn" href="#" onclick="toggleGames(event)">OYUNLAR</a>

    <div class="game-list" id="gameList">
      <a href="https://www.rekoroyun.com/popup.php?id=4607"
         onclick="openGame(event,this.href)">101 Oyna</a>

      <a href="https://www.shooter-bubble.fr/jeux/bubble-shooter-sans-pub/index.html"
         onclick="openGame(event,this.href)">Top Patlat</a>

      <a href="https://www.google.com/logos/fnbx/solitaire/standalone.html"
         onclick="openGame(event,this.href)">Soliter</a>
    </div>
  </div>

  <a class="neon-btn" href="https://allaturkaa.de/radyo/radyolist.php" target="_blank">Radyolar</a>
  <a class="neon-btn" href="https://allaturkaa.de/forum/index.php?page=Thread&postID=1137556#post1137556" target="_blank">Forum</a>
</div>