Logo menüden harici durur. Menü otomatik gelen sosyal medya ikonları ve arama içerir. Kaydırma olayında menü sabitlenir.
HTML
<div class="container hidden-xs"> <div class="row"> <div class="col-sm-6"> <a href="/@dilk"><img src="/Content/Tema/@(Partial.Ayar("Tema"))/images/logo.png" class="img-responsive" /></a> </div> <div class="col-sm-6 text-right"> <h1 class="parisienne">Buraya slogan gelsin!</h1> </div> </div> </div> <div class="container-fluid navbg sabitmenu2"> <div class="row"> <div class="container"> <div class="row"> <div class="col-md-12"> <nav class="navbar"> <div class="container-fluid"> <div class="navbar-header visible-xs"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <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="/@dilk"> <img src="/Content/Tema/@(Partial.Ayar("Tema"))/images/logo.png" /> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="/@dilk"> @Partial.Translate("Anasayfa", dilk) </a></li> @foreach (Sayfa sayfam in Partial.Sayfalar(dilk)) { if (sayfam.SayfaSirasi < 90) { <li><a href="@Partial.SayfaLink(sayfam.SayfaID)">@sayfam.SayfaBaslik.HtmlEncode()</a></li> } } @foreach (MakaleKategori kategorim in Partial.KategorilerAna(dilk)) { if (kategorim.MakaleKategoriSira < 10) { <li class="dropdown"> <a href="@Partial.KategoriLink(kategorim.MakaleKategoriID)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">@kategorim.MakaleKategoriAdi.HtmlEncode() <span class="caret"></span></a> <ul class="dropdown-menu"> @foreach (MakaleKategori aktkategorim in Partial.KategorilerAltID(kategorim.MakaleKategoriID).OrderBy(m => m.MakaleKategoriSira).Take(10)) { <li><a href="@Partial.KategoriLink(aktkategorim.MakaleKategoriID)">@aktkategorim.MakaleKategoriAdi.HtmlEncode()</a></li> } @foreach (Makale makalem in Partial.MakalelerID(kategorim.MakaleKategoriID, 0, 10, "sira", false)) { <li><a href="@Partial.MakaleLink(makalem.MakaleID)">@makalem.MakaleBaslik.HtmlEncode()</a></li> } </ul> </li> } } @foreach (Sayfa sayfam in Partial.Sayfalar(dilk)) { if (sayfam.SayfaSirasi > 90) { <li><a href="@Partial.SayfaLink(sayfam.SayfaID)">@sayfam.SayfaBaslik.HtmlEncode()</a></li> } } @foreach (MakaleKategori kategorim in Partial.KategorilerAna(dilk)) { if (kategorim.MakaleKategoriSira == 999) { <li><a href="@Partial.KategoriLink(kategorim.MakaleKategoriID)">@kategorim.MakaleKategoriAdi.HtmlEncode()</a></li> } } </ul> <ul class="nav navbar-nav navbar-right"> <li class="arama"> <form action="@(Partial.Ayar("SiteAdresi"))@(dilk)/Arama"> <div class="input-group"> <span class="input-group-btn"> <button class="btn btn-default" type="button"> <i class="fa fa-search" aria-hidden="true"></i> </button> </span> <input name="q" id="q" type="text" class="form-control" placeholder="Sitede Ara..."> </div> </form> </li> </li> @if (!String.IsNullOrEmpty(Partial.Translate("LinkFacebook", dilk).ToString())) { <li class="ingsos"> <a target="_blank" href="@Partial.Translate("LinkFacebook", dilk)"> <i class="fa fa-facebook-square"></i> </a> </li> } @if (!String.IsNullOrEmpty(Partial.Translate("LinkTwitter", dilk).ToString())) { <li class="ingsos"> <a target="_blank" href="@Partial.Translate("LinkTwitter", dilk)"> <i class="fa fa-twitter-square"></i> </a> </li> } @if (!String.IsNullOrEmpty(Partial.Translate("LinkGooglePlus", dilk).ToString())) { <li class="ingsos"> <a target="_blank" href="@Partial.Translate("LinkGooglePlus", dilk)"> <i class="fa fa-google-plus-square"></i> </a> </li> } @if (!String.IsNullOrEmpty(Partial.Translate("LinkInstagram", dilk).ToString())) { <li class="ingsos"> <a target="_blank" href="@Partial.Translate("LinkInstagram", dilk)"> <i class="fa fa-instagram"></i> </a> </li> } @if (!String.IsNullOrEmpty(Partial.Translate("LinkFoursquare", dilk).ToString())) { <li class="ingsos"> <a target="_blank" href="@Partial.Translate("LinkFoursquare", dilk)"> <i class="fa fa-foursquare"></i> </a> </li> } @if (!String.IsNullOrEmpty(Partial.Translate("LinkYoutube", dilk).ToString())) { <li class="ingsos"> <a target="_blank" href="@Partial.Translate("LinkYoutube", dilk)"> <i class="fa fa-youtube-square"></i> </a> </li> } </ul> </div> </div> </nav> </div> </div> </div> </div> </div>
Örn: HB Petrol