Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Bilgilendirme Navigasyon Yöneticisine Yeni Menu ve Ikon İlavesi

Forumda yok diye biliyorum. Öğrendiğim küçük bir detayı sizlerle paylaşayım istedim.

Amacımız : Navigasyon Menüsü - Üst Menüye Yeni Sekme ve Ikon ilavesi

Yeni Sekme- Menü İlavesi:
Bu kısmı zaten çoğumuz biliyoruz ama yine de paylaşalım.

Yönetim Paneli - Kurulumlar - Navigasyon Yöneticisi düğmesine tıklayıp, sağ üst köşede Navigasyon ekle ile istediğimiz Menü ve alt menülei ilave ediyoruz. Örneğin ben şöyle bir şey ilave ettim.

Yeni Menülere Ikon ilavesi : Bildiğim kadarı ile AP tarafında bunu hazır şekilde yapma imkanı yok. Bunun için kod ilavesi yapmamız gerekiyor. Kullandığım temaya ait forumda paylaşılan şu kodlar benim işimi gördü.

İkon görülmesini istediğiniz temanın "Extra.less" dosyasını buluyoruz ( Admin->Görünüm ve Diller ->Şablonlar -> "extra.less" diye aratıyoruz

Şu kodu ilave ediyoruz. (Benim ilave ettiğim Yeni menünün ID tanımı : "extralink" )

Kod:
<xf:comment> Nav Menu Yararli Link ikon ilavesi </xf:comment>
.p-navEl-link[data-nav-id="extralink"]::before {
font-family: FontAwesome !important;
content: '\f095' !important;
}

Kullandığım temadaki ikonların tümü "Material Design Icons". Eğer siz de kendinize uygun olan bir tane seçmek isterseniz, şu siteye bakabilirsiniz. Yukarıdaki kodda yer alan "'\f095" kısmını değiştiriyoruz.

Material Design Icons
 

Ekli dosyalar

  • Nav_1.jpg
    Nav_1.jpg
    161.8 KB · Görüntüleme: 629
  • Nav_2.jpg
    Nav_2.jpg
    70.1 KB · Görüntüleme: 330
  • Nav_3.jpg
    Nav_3.jpg
    95 KB · Görüntüleme: 300
  • Nav_4.jpg
    Nav_4.jpg
    101.5 KB · Görüntüleme: 284
Son düzenleme:
Forumda yok diye biliyorum. Öğrendiğim küçük bir detayı sizlerle paylaşayım istedim.

Amacımız : Navigasyon Menüsü - Üst Menüye Yeni Sekme ve Ikon ilavesi

Yeni Sekme- Menü İlavesi:
Bu kısmı zaten çoğumuz biliyoruz ama yine de paylaşalım.

Yönetim Paneli - Kurulumlar - Navigasyon Yöneticisi düğmesine tıklayıp, sağ üst köşede Navigasyon ekle ile istediğimiz Menü ve alt menülei ilave ediyoruz. Örneğin ben şöyle bir şey ilave ettim.

Yeni Menülere Ikon ilavesi : Bildiğim kadarı ile AP tarafında bunu hazır şekilde yapma imkanı yok. Bunun için kod ilavesi yapmamız gerekiyor. Kullandığım temaya ait forumda paylaşılan şu kodlar benim işimi gördü.

İkon görülmesini istediğiniz temanın "Extra.less" dosyasını buluyoruz ( Admin->Görünüm ve Diller ->Şablonlar -> "extra.less" diye aratıyoruz

Şu kodu ilave ediyoruz. (Benim ilave ettiğim Yeni menünün ID tanımı : "extralink" )

Kod:
<xf:comment> Nav Menu Yararli Link ikon ilavesi </xf:comment>
.p-navEl-link[data-nav-id="extralink"]::before {
font-family: FontAwesome !important;
content: '\f095' !important;
}

Kullandığım temadaki ikonların tümü "Material Design Icons". Eğer siz de kendinize uygun olan bir tane seçmek isterseniz, şu siteye bakabilirsiniz. Yukarıdaki kodda yer alan "'\f095" kısmını değiştiriyoruz.

Material Design Icons

Yeni Sekmede Nasıl Açtırabilirim Yani Forumdan Çıkmadan Yeni Sekmede Açmasını İstiyorum
 
ID yanlış belirtmisiniz .p-navEl-link[data-nav-id="extralink"] extralink olan kısımı kendi ID belirtiniz.
 
Belirtmek isterim ki css ile ikon eklerken font-family: olarak değil,

Less:
.m-faBase();
şeklinde eklemek daha mantıkı olur
 
Aşağıdaki şekilde ekler misiniz?

Less:
.p-navEl-link[data-nav-id="extralink"]:before {
    .m-faBase();
    content: '\f095' !important;
}
 
Aşağıdaki şekilde ekler misiniz?

Less:
.p-navEl-link[data-nav-id="extralink"]:before {
    .m-faBase();
    content: '\f095' !important;
}
Screenshot Evet suan oldu fakat arasında 1tık boşluk olmasını istiyorum .
Ve iconumu materialdesignicons.com'dan aldıgım zaman farklı bir icon ile karşılaşıyorum.
 
İconlarınızı oradan değil buradan alacaksınız Font Awesome
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.