TopBar Çeşitleri

Anasayfada site navigasyonu üzerinde bulunan ve dil, sosyal medya gibi bilgiler içeren alandır.

Sosyal Medya ve Telefon Numarası içeren Top Bar:

Aşağıdaki kod bloğunu site navigasyonunun hemen üstüne eklediğiniz taktirde yukarıdaki mavi şeridi eklemiş olursunuz.

<div class="container-fluid topbar">
<div class="row">
<div class="container">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6">
<div class="sosyalmeydan">
@if (!String.IsNullOrEmpty(Partial.Translate("LinkFacebook", dilk).ToString()))
{
<a target="_blank" href="@Partial.Translate("LinkFacebook", dilk)">
<i class="fa fa-facebook-square"></i>
</a>
}
@if (!String.IsNullOrEmpty(Partial.Translate("LinkTwitter", dilk).ToString()))
{
<a target="_blank" href="@Partial.Translate("LinkTwitter", dilk)">
<i class="fa fa-twitter-square"></i>
</a>
}
@if (!String.IsNullOrEmpty(Partial.Translate("LinkGooglePlus", dilk).ToString()))
{
<a target="_blank" href="@Partial.Translate("LinkGooglePlus", dilk)">
<i class="fa fa-google-plus-square"></i>
</a>
}
@if (!String.IsNullOrEmpty(Partial.Translate("LinkInstagram", dilk).ToString()))
{
<a target="_blank" href="@Partial.Translate("LinkInstagram", dilk)">
<i class="fa fa-instagram"></i>
</a>
}
@if (!String.IsNullOrEmpty(Partial.Translate("LinkFoursquare", dilk).ToString()))
{
<a target="_blank" href="@Partial.Translate("LinkFoursquare", dilk)">
<i class="fa fa-foursquare"></i>
</a>
}
@if (!String.IsNullOrEmpty(Partial.Translate("LinkYoutube", dilk).ToString()))
{
<a target="_blank" href="@Partial.Translate("LinkYoutube", dilk)">
<i class="fa fa-youtube-square"></i>
</a>
}
</div>
@if (!String.IsNullOrEmpty(Partial.Translate("Telefon1", dilk).ToString()))
{
<div class="iletisim mr15">
<a href="tel:@Partial.Translate("Telefon1", dilk)"><i class="fa fa-phone"></i> @Partial.Translate("Telefon1", dilk)</a>
</div>
}
</div>
</div>
</div>
</div>
</div>

Kod eklendikten sonra translate tablosundan şu alanları doldurmanız gerekmektedir. Doldurmadığınız alanların karşılığına ilgili ikonlar gelmeyecektir.

Dil Bayrakları ve Telefon Numarası İçeren Topbar

Eklediğiniz diller doğrultusunda bayraklar otomatik olarak gelecektir.

@if (dilsay > 1)
{
<div class="sosyalmeydan">
@foreach (Dil aktifdil in diller)
{
if (aktifdil.DilKisaltmasi == "tr")
{
<a href="/tr">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_tr.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "en")
{
<a href="/en">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_uk.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "ru")
{
<a href="/ru">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_ru.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "fr")
{
<a href="/fr">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_fr.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "ar")
{
<a href="/ar">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_ar.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "fa")
{
<a href="/fa">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_ir.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "de")
{
<a href="/de">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_de.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "sv")
{
<a href="/de">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_sv.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "nl")
{
<a href="/nl">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_nl.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "zh")
{
<a href="/zh">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_zh.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "it")
{
<a href="/it">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_it.png" style="width: 100%;" />
</a>
}
if (aktifdil.DilKisaltmasi == "no")
{
<a href="/no">
<img src="https://www.antalyawebtasarim.com/destek/resimler/flag_no.png" style="width: 100%;" />
</a>
}
}
</div>
}
@if (!String.IsNullOrEmpty(Partial.Translate("Telefon1", dilk).ToString()))
{
<div class="iletisim mr15">
<a href="tel:@Partial.Translate("Telefon1", dilk)"><i class="fa fa-phone"></i> @Partial.Translate("Telefon1", dilk)</a>
</div>
}

Dilerseniz dil bayrakları yerine dil kısaltmaları ile topbar kullanabilirsiniz.

<div class="container-fluid topbar">
        <div class="row">
            <div class="container">
                <div class="row">
                    <div class="col-md-6"></div>
                    <div class="col-md-6">
                        @if (!String.IsNullOrEmpty(Partial.Translate("Telefon1", dilk).ToString()))
                        {
                            <div class="iletisim mr15">
                                <a href="tel:@Partial.Translate("Telefon1", dilk)"><i class="fa fa-phone"></i> @Partial.Translate("Telefon1", dilk)</a>
                            </div>
                        }
                        @if (dilsay > 1)
                        {
                            <div class="sosyalmeydan metindil">
                                @foreach (Dil aktifdil in diller)
                                {
                                    if (aktifdil.DilKisaltmasi == "tr")
                                    {
                                        <a href="/tr">
                                            TR
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "en")
                                    {
                                        <a href="/en">
                                            EN
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "ru")
                                    {
                                        <a href="/ru">
                                            RU
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "fr")
                                    {
                                        <a href="/fr">
                                            FR
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "ar")
                                    {
                                        <a href="/ar">
                                            AR
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "fa")
                                    {
                                        <a href="/fa">
                                            FA
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "de")
                                    {
                                        <a href="/de">
                                            DE
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "sv")
                                    {
                                        <a href="/de">
                                            SV
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "nl")
                                    {
                                        <a href="/nl">
                                            NL
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "zh")
                                    {
                                        <a href="/zh">
                                            ZH
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "it")
                                    {
                                        <a href="/it">
                                            IT
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "no")
                                    {
                                        <a href="/no">
                                            NO
                                        </a>
                                    }
                                    if (aktifdil.DilKisaltmasi == "es")
                                    {
                                        <a href="/es">
                                            ES
                                        </a>
                                    }
                                }
                            </div>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>