Ü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:
3 Misafir - 3 Masaüstü
5 sn
2
Cevap
0
Favori
1.064
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.
    • Yapay Zeka’dan İlgili Konular
    Regedit(kayıtDefteri) ile ilgili bir soru
    14 yıl önce açıldı
    .ARC DOSYASI NASIL AÇILIR VE PAKETLENİR ?
    5 yıl önce açıldı
    Uygulamada açılmayan hesap, web'de açılıyor. !!!!
    6 yıl önce açıldı
    Daha Fazla Göster
    
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'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum