Site Navigasyon Çeşitleri

Site anaşablonunda sitedeki sayfaları menü şeklinde gruplayan ana elementdir.

Site Navigasyon Tip Alpha

Solda site logosu ve sağda navigasyon şeklide yerleşir. Aşağıdaki kod bloğunu topbar altında ya da direkt olarak <body> etiketinin hemen ardına ekleyebilirsiniz.

<div class="container-fluid navbg">
<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">
<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 navbar-right">
<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>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
/Content/Tema/@(Partial.Ayar("Tema"))/images/logo.png satırınındaki Standart klasörünün adı ftpdeki firma klasör adı ile değiştirilecek.

Site navigasyon yerleşimi ise aşağıdaki gibidir:

Anasayfa statik nesenedir ve üzerindeki metin ise Translate tablosundan Anasayfa nesnesinden değiştirilebilir.

Hemen ardından gelen birinci gruba nesne getirmek için sayfa eklenmeli ve eklenen sayfanın sıra numarası 90'dan küçük olmalıdır.

İkinci grup ise açılır menülerden oluşur. Açılır menülerin altına makale ya da altkategori ekleyerek genişletebilirsiniz. Makale Kategori Sırası 10'dan küçük olanlar bu gruba dahil olur.

Üçüncü alana sıra numarası 90'dan büyük olan sayfalar gelir. Bu alanda birazdan bahsedilecek olan istisnai durumlar vardır.

Site Navigasyon İstisnaları

Sayfa sıra numarasının 98 olması durumunda İnsan Kaynakları formu otomatik olarak oluşturulmaktadır.

Sayfa sıra numarasının 99 olması durumunda harita ve iletişim formu içeren İletişim sayfası otomatik olarak oluşturulmaktadır.

Eğer firmanın şube yapısı var ise İletişim sayfası oluşturulmaz. İletişim sayfası yerine Kategori Sıra Numarası 999 olan İletişim adında bir kategori oluşturulur. Şube bilgileri bu kategorinin içerisine makale olarak eklenir.

Site Navigasyon Tipi Bravo

Ortaya logo sola 90'dan küçük sayfalar veya 10'dan küçük anakategoriler, sağa ise yine 90'dan büyük sayfalar ve istisna durumlar gelecek şekilde ayarlanmaştır.

<div class="container-fluid navbg">
<div class="row">
<div class="container">
<div class="row">
<div class="col-md-12">
<nav class="navbar ortali">
<div class="container-fluid">
<div class="navbar-header">
<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 visible-xs" 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">
<div class="col-md-4">
<ul class="nav navbar-nav flr">
<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 <= 5)
{
<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>
}
}
</ul>
</div>
<div class="col-md-4 text-center hidden-xs">
<a class="navbar-brand" href="/@dilk">
<img src="/Content/Tema/@(Partial.Ayar("Tema"))/images/logo.png" />
</a>
</div>
<div class="col-md-4">
<ul class="nav navbar-nav fll">
@foreach (MakaleKategori kategorim in Partial.KategorilerAna(dilk))
{
if (kategorim.MakaleKategoriSira >= 6 && 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>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>

© 2024, ASP.NET MVC CMS (Content Management System / İçerik Yönetim Sistemi). Tüm Hakları Saklıdır.