0
Kayıt Ol

Bu Menüyü Açılıp Kapanan Türde Yapmak

3

●

120

  • 21-02-2025, 23:08:51
    #1
    Sercan11
    Sercan11
    Destek olunabilecek pratik bir şekilde uğraş ve vaktinizi almayacak bilgi dahilinizde ki birşey ise yardımcı olursanız Teşekkürü minnet bilirim

    <html>
    <head>
    <title> Kod Blogu </title>
    </head>
    <body>

    <nav> <!--Yan menüyü oluşturduk-->
    <a href="https://www.google.com">Menü 1</a> <br>
    <a href="https://www.google.com">Menü 2</a> <br>
    <a href="https://www.google.com">Menü 3</a> <br>
    <a href="https://www.google.com">Menü 4</a> <br>
    </nav>

    </body>
    </html>
  • 21-02-2025, 23:15:08
    #2
    Onur89TR
    Onur89TR
    Biraz detay daha vererek ChatGPT'den çıktı alabilirsin
  • 21-02-2025, 23:15:56
    #3
    yusufergl
    yusufergl 
    <!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kod Blogu</title>
  <style>
    /* Menü butonunun görünümü */
    .menu-btn {
      background-color: #333;
      color: white;
      padding: 10px;
      text-align: center;
      cursor: pointer;
      font-size: 18px;
      width: 100%;
    }

    /* Menü öğelerinin başlangıçta gizlenmesi */
    .nav-menu {
      display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      background-color: #333;
    }

    /* Menü öğelerinin düzeni */
    .nav-menu a {
      display: block;
      padding: 12px;
      color: white;
      text-decoration: none;
      border-top: 1px solid #fff;
    }

    /* Menü öğelerine hover efekti */
    .nav-menu a:hover {
      background-color: #555;
    }
  </style>
</head>
<body>

  <!-- Menü butonu -->
  <div class="menu-btn" onclick="toggleMenu()">Menüyü Göster</div>

  <!-- Menü -->
  <nav>
    <ul class="nav-menu">
      <li><a href="https://www.google.com">Menü 1</a></li>
      <li><a href="https://www.google.com">Menü 2</a></li>
      <li><a href="https://www.google.com">Menü 3</a></li>
      <li><a href="https://www.google.com">Menü 4</a></li>
    </ul>
  </nav>

  <script>
    // Menü açma/kapama fonksiyonu
    function toggleMenu() {
      var menu = document.querySelector('.nav-menu');
      // Menüyü göster ya da gizle
      if (menu.style.display === 'none' || menu.style.display === '') {
        menu.style.display = 'block';
      } else {
        menu.style.display = 'none';
      }
    }
  </script>

</body>
</html>
  • 21-02-2025, 23:24:00
    #4
    Sercan11
    Sercan11
    Kodları bulundu sanrım yerleşimini yapabilirsem teşekkür ediyorum.