Template:Flatlist/tr

Template documentation

This template uses TemplateStyles:

Template:Flatlist/styles.css

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:

kedi
köpek
at
inek
koyun
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