merhabalar, sitemde kullandığım bootstrap 3.3.7 ye ait bir navbar menü var.
kodlarını aşağıda sunuyorum.
<?php
if(isset($_GET['menu'])) { $link=$_GET['menu'];} else { $link=null; }
if($link==1) {
$a1 = "class=\"active\"";
}
if($link==2) {
$a2 = "class=\"active\"";
}
if($link==3) {
$a3 = "class=\"active\"";
}
?>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="?menu=1">MENÜ</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li <?php if(isset($a1)) { echo $a1; } ?>><a href="?menu=1">GÖSTERGE PANELİ</a></li>
<li <?php if(isset($a2)) { echo $a2; } ?>><a href="?menu=2">KİŞİSEL BİLGİLER</a></li>
<li <?php if(isset($a3)) { echo $a3; } ?>><a href="?menu=3">EĞİTİM BİLGİLERİ</a></li>
<?php if($row['user_tip']==1) { //vatandaş akademik personel ise.?>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">AKADEMİK BİLGİLER <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="?islem=4">Akademik Görevler</a></li>
<li><a href="?islem=5">İdari Görevler</a></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Yayınlar <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="?islem=6">Kitap</a></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Bildiri <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="?islem=7">Ulusal Bildiriler</a></li>
<li><a href="?islem=8">Uluslararası Bildiriler</a></li>
</ul>
</li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Makale <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-header">--Uluslararası Makaleler--</li>
<li><a href="?islem=9">Diğer Hakemli Dergilerdeki Makaleler</a></li>
<li><a href="?islem=10"><?=$dil['6'];?></a></li>
<li class="dropdown-header">--Ulusal Makaleler--</li>
<li><a href="?islem=11">Diğer Ulusal Makaleler</a></li>
<li><a href="?islem=12">Hakemli Dergilerdeki Makaleler</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Diğer <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="?islem=13">Ödüller</a></li>
<li><a href="?islem=14">Atıflar</a></li>
<li><a href="?islem=15">Üye Olunan Akademik Dernek ve Kuruluşlar</a></li>
<li><a href="?islem=16">Editörlükler</a></li>
<li><a href="?islem=17">Hakemlikler</a></li>
<li><a href="?islem=18">Yönetilen Tezler</a></li>
<li><a href="?islem=19">Projeler</a></li>
<li><a href="?islem=20">Üyelikler</a></li>
<li><a href="?islem=21">Hizmet İçi Eğitim Programları</a></li>
<li><a href="?islem=22">Panel,Sempozyum Gibi Etkinlikler</a></li>
<li><a href="?islem=25">Jüri Üyelikleri</a></li>
<li><a href="?islem=26">Diğer Faaliyetler</a></li>
<li><a href="?islem=27">Verdiği Dersler</a></li>
<li><a href="?islem=23">Blog</a></li>
<li><a href="?islem=24">Dosyalar</a></li>
</ul>
</li>
</ul>
</li>
<?php } ?>
<?php if($row['user_tip']==2 || $row['user_tip']==3) { //vatandaş idari personel veya taşeron ise ise. yeni tür olursa tbl_users_tip idlerine bakar.?>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">DENEYİMLER <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="?islem=5">İdari Görevler</a></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Diğer <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="?islem=13">Ödüller</a></li>
<li><a href="?islem=19">Projeler</a></li>
<li><a href="?islem=20">Üyelikler</a></li>
<li><a href="?islem=21">Hizmet İçi Eğitim Programları</a></li>
<li><a href="?islem=22">Panel,Sempozyum Gibi Etkinlikler</a></li>
<li><a href="?islem=23">Blog</a></li>
<li><a href="?islem=24">Dosyalar</a></li>
</ul>
</li>
</ul>
</li>
<?php } ?>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-user"></span> <?php echo $row['user_ad']." ".$row['user_soyad']; ?> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="http://bbys.bozok.edu.tr"><span class="glyphicon glyphicon-home"></span> BBYS Git</a></li>
<li><a href="/"><span class="glyphicon glyphicon-home"></span> PBS Ana Sayfa</a></li>
<li><a href="http://kimlik.bozok.edu.tr"><span class="glyphicon glyphicon-refresh"></span> Şifre Değiştir</a></li>
<li><a href="http://bbys.bozok.edu.tr/logout.php"><span class="glyphicon glyphicon-log-out"></span> Oturumu Kapat</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>açılır menülerin ve açılmayan düz menülerin üzerine gelindiğinde arka planda gri bir şerit çıkıyor; örnek resim:
bu arka plandaki çıkan gri renkli yapının linkte verdiğim; gibi twitter mavisi olmasını istiyorum.
link (örnek):
https://bootsnipp.com/snippets/3qn
yapmak istediğim şey sadece bu. günlerdir belkide aylardır uğraşıyorum ama bir yol kat edemedim. sadece verimli olarak yapabildiğim şu vaR:
.dropdown-menu > li > a:hover {
background-color: #ff0000 !important;
color: #FFC0CB;
}bunu eklediğimde de, sadece ilgili menülerin hover rengini #FFC0CB yapıyor bacground-color yine vermiyor. Yardımcı olabilirseniz çok sevinirim. Hepinize bol şans.