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

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Bootstrap açılır kapanır menü ile ilgili soru

Bu konudaki kullanıcılar: 1 misafir

1
Cevap 1064
Tıklama 0
Öne Çıkarma

1. sayfa

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

Cevap Yaz

Ozberk ESN.

8 yıl

Konu Sahibi

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>

os_lnx

8 yıl

Binbaşı

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.

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Bootstrap açılır kapanır menü ile ilgili soru