Template:Flatlist/tr

Template documentation

Bu şablon, virgülle veya kısa çizgi (veya diğer tek karakterlerle) ayrılmış listelere WCAG/ISO standartlarıyla uyumlu erişilebilir bir alternatif sağlar.

Kullanım

{{flatlist}} aşağıdakiler gibi yatay bir liste başlatır:

  • kedi
  • köpek
  • at
  • inek
  • koyun
  • domuz

İsteğe bağlı parametreler

class
İçeren div öğesine bir CSS sınıfı ekler. Bağlantıların kaydırılmasını önlemek için nowraplinks kullanın.
style
İçeren div öğesine CSS stili ekler.
Örnek: |style=border:solid 1px silver; background:lightyellow
indent
Listeyi bir dizi standart girintiye göre girintiler, bir girinti 1.6em (girintili tartışma dizisinde kullanışlıdır).
Örnek: |indent=2

Örnekler

 {{flatlist|
 * kedi
 * köpek
 * at
 * inek
 * koyun
 * domuz
 }}

şunu üretir:

  • kedi
  • köpek
  • at
  • inek
  • koyun
  • domuz

Sıralı listeler için sözdizimi

{{flatlist|
# kedi
# köpek
# at
# inek
# koyun
# domuz
}}

şunu üretir:

  1. kedi
  2. köpek
  3. at
  4. inek
  5. koyun
  6. domuz

İsteğe bağlı parametreleri kullanma

 {{flatlist |indent=2 
 |style=border:solid 1px silver; background:lightyellow; 
 |class=nowraplinks |
 * 1936 Kış Olimpiyatları'nda Alp disiplini
 * 1948 Kış Olimpiyatları'nda Alp disiplini
 * 1952 Kış Olimpiyatları'nda Alp disiplini
 * 1956 Kış Olimpiyatları'nda Alp disiplini
 * 1960 Kış Olimpiyatları'nda Alp disiplini
 * 1964 Kış Olimpiyatları'nda Alp disiplini
 }}

şunu üretir:

Teknik ayrıntılar

Bu şablon, yatay listeler oluşturmak için TemplateStyles'da tanımlanan .hlistCSS sınıfını kullanır. Sıradan HTML listesi öğelerinin, normalde blok öğeler olarak (dikey olarak) görüntülenecekleri satır içi (yatay olarak) görüntülenmesine neden olur. Sınıf ayrıca, iç içe geçmiş listelerin etrafındaki liste öğeleri ve parantezler arasındaki yorumları da üretir.

Vikimetin Genişletilmiş şablon HTML
{{flatlist|
* kedi
* köpek
* at
* inek
* koyun
* domuz
}}
<div class="hlist " >
* kedi
* köpek
* at
* inek
* koyun
* domuz

</div>
<div class="hlist">
<ul><li>kedi</li>
<li>köpek</li>
<li>at</li>
<li>inek</li>
<li>koyun</li>
<li>domuz</li></ul>
</div>

Ayrıca bakınız