Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Bootstrap açılır kapanır menü ile ilgili soru

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir (1 Mobil) - 1 Masaüstü, 1 Mobil
5 sn
2
Cevap
0
Favori
1.048
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • merhaba aşağıdaki bootsrap menü kodlarını kullanıyorum.Ancak açılır kapanır menü sayfamın arkaplan imajı yüzünden görünmüyor.Arkaplanım siyah, menüde siyah ikonlara sahip.Bu menünün ikonunu nasıl değiştirebilirim.




    <nav class="navbar navbar-expand-md fixed-top">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=128589898&url=#" data-href="#"><img src="images/logo.png" alt="logo" width="170px" height="50px"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
    <ul class="navbar-nav">
    <li class="nav-item">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=128589898&url=#" data-href="#">HOME <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=128589898&url=#" data-href="#">SERVİCES</a>
    </li>
    <li class="nav-item">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=128589898&url=#" data-href="#">ABOUT</a>
    </li>
    <li class="nav-item">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=128589898&url=#" data-href="#">PORTFOLIO</a>
    </li>
    <li class="nav-item">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=128589898&url=#" data-href="#">CONTACT</a>
    </li>
    </ul>
    </div>
    </nav>







  • ikonları circle yani daire içerisine alıp görünür olmasını sağlayabilirsin ayrıca arkplan rengi verebilirsin. örnek css kodu : 
     
      
     #circle{ 
         width : 100px; 
         height: 100px; 
         background-color: #000; 
         border-radius: 100px; 
         margin: 0 auto; 
         border: 4px solid #fff; 
     }


    rakamlar tamamen örnek olarak verilmiştir ancak radius ile yükseklik ve genişlik orantılı olmalı yukarıdaki gibi.

    Eğer arkaplan rengi değiştikçe menünün veya ikonların görünür olmasını istiyorsan javascript kodu ile de yapmak mümkün. Bunun için hazır bir kod bulunabilir sanırım.
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız