Topluluk Merkezi
Advertisement
Topluluk Merkezi

Sekmeci, içeriğin bir bölümüne birden çok sekme eklemenize olanak tanır ve bu sekmeler sayfayı yeniden yüklemenize gerek kalmadan değiştirilebilir.

Adım adım

  • Düzenlemek için bir madde açın ve kaynak düzenleyiciye geçin.
  • Aşağıdaki kodu kopyalayıp düzenleyicinize yapıştırın.
<tabber>
|-|İlk Sekme Başlığı=
İlk sekme örnek metni.
|-|İkinci Sekme Başlığı=
İkinci sekme içeriği buraya gelir.
|-|Üçüncü Sekme Başlığı=
Üçüncü sekme içeriği buraya gelir.
</tabber>
  • Kodun bu sekmeleri oluşturduğunu görmek için "Önizleme" düğmesine tıklayın:

İlk sekme örnek metni.

İkinci sekme içeriği buraya gelir.

Üçüncü sekme içeriği buraya gelir.

  • Düzenlemeye dönmek için "Geri" düğmesine tıklayın.
  • Başlıkların ve içeriğin metnini topluluğunuzun içeriğiyle değiştirerek sekmelerinizi düzenleyin. Örneğin, "İlk Sekme Başlığı" ile "Karakterler" ile değiştirin ve örnek metni en sevdiğiniz karakterlerin açıklamaları ve resimleriyle değiştirin. Kod ekleyerek veya kaldırarak da sekme sayısını değiştirebilirsiniz.

Kullanım bilgisi

  • Biçimlendirme: Başlığın her zaman eşittir işaretiyle ("=") bitmesi gerektiğini ve sekme ayırıcısının ("|-|") her zaman sekmeler arasında görünmesi gerektiğini unutmayın.
  • Vikimetin: Sekmelerinizdeki şablonlar ve resimler dahil herhangi bir vikimetin kullanabilirsiniz.

Şekillendirme

.tabberlive {
    /* sekmeci sarıcı stili */
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
    /* sekmeci görünür içerik */
}
.tabberlive > .tabbernav > li > a {
    /* sekmeci sekmeleri */
}
.tabberlive > .tabbernav > li > a:hover {
    /* üzerine gelindiğinde sekmeler */
}
.tabberlive > .tabbernav > li > a:active {
    /* tıklandığında sekmeler */
}
.tabberlive > .tabbernav > li.tabberactive > a {
    /* seçili sekmeci sekmesi */
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
    /* üzerine gelindiğinde seçili sekmeci sekmesi */
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
    /* tıklandığında seçili sekmeci sekmesi */
}

Sorunlar

Bozuk mobil deneyim

Masaüstünüzde/dizüstünüzde çalışan birçok CSS ve JavaScript mobil cihaza uygulanamaz. Buna karşı koymak için Fandom, Sekmeci'yi mümkün kılan şeyler de dahil olmak üzere bu kodun çoğunu mobil görünümden kaldırdı. Sonuç olarak, mobil kullanıcılar, her bir bilgi kümesini ayıran görsel ipuçlarının hiçbirini görmezler (Sekmelerin içeriği, sekmelere ayrılmadan görünecektir).

Geçici çözüm olarak kullanılan ek CSS ve HTML hack'lerinde, kullanıcıyla yüz yüze olan hiçbir kodlamanın çözemeyeceği sorunlar vardır. Bu nedenle, bu çok az kazanç için çok çaba gerektirir; bunun yerine sıradan bölümleri de kullanabilirsiniz.

Sekme içeriğini gör/düzenle

Sekmeci, tek tek bölümleri düzenlemenin basit bir yolunu sağlamaz. Bu, bir sekme içindeki içeriği düzenlemek isteyen deneyimsiz kullanıcılar için zahmetli olabilir. Ayrıca, Görsel Düzenleyici'yi kullanan kişiler, kaynak düzenleyici ile geçmeden onu düzenleyemez.

Bilgi kutuları

Sekmeci, bir bilgi kutusu içine yerleştirildiğinde her zaman düzgün görüntülenmez. Buna karşı koymak için, Sekmeci ile aynı etkiyi sağlamak için bir bilgi kutusu içinde galeri kullanılabilir. Fandom standart taşınabilir bilgi kutuları kullanılırken, sekmeli resimleri oluşturmak için bir galeri doğrudan bir resim alanına geçirilebilir. Diğer içeriği sekmek için bilgi kutusu panelleri kullanılabilir. Daha fazla bilgi için Yardım:Bilgi kutuları sayfasına bakın.

Ayrıca bakınız

Daha fazla yardım ve geri bildirim