Szablon:Multi-column list

Z Terraria Wiki
Skocz do: nawigacja, szukaj
Template-info.svg Dokumentacja Poniższa dokumentacja jest załączona do Szablon:Multi-column list/doc. (edytuj | historia)

Szablon służy do tworzenia responsywnej listy wielokolumnowej. Dopuszczalny skrót: {{mclist}}.

Możesz użyć {{mclist/options}}, aby zmienić wartość domyślną parametrów opcji.

Sposób użycia[edytuj kod]

Parametry:

  • Wszystkie parametry bez nazwy: zawartość każdego elementu listy.
  • opcjonalne width: szerokość elementu, akceptuje dowolną szerokość css, domyślnie jest to 10em.
  • opcjonalne columns: Może być wartością szerokości (zastępuje parametr width) lub liczbą kolumn.
  • opcjonalne gap: wartość atrybutu odstępu między kolumnami css.
  • opcjonalne rule: wartość atrybutu reguły kolumny css.
  • opcjonalne class: klasy CSS.
  • opcjonalne id: ID atrybutu.
  • opcjonalne css lub style: niestandardowe reguły css stosowane do elementów listy.
  • opcjonalne boxcss lub boxstyle: niestandardowe reguły css stosowane do opakowania.

Przykłady[edytuj kod]

{{mclist
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
}}

zwracany wyniki:

{{mclist|width=30em
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
}}

zwracany wyniki:

{{mclist|width=15em|boxcss=line-height: 3
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
}}

zwracany wyniki:

{{mclist|width=15em|css=border-bottom: 1px solid #808080;|boxcss=border: 2px solid green; padding: 1em;
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
|{{item|Handgun}}
|{{item|bunny}}
|{{item|butterfly}}
|{{item|Flamarang}}
|{{item|Handgun}}
|{{item|Hellstone Bar}}
|{{item|Fiery Greatsword}}
}}

zwracany wyniki:


Istnieje inny styl API, łatwiej jest go używać z DPL/cargo:

{{mclist/start|width=20em}}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|bunny}} }}
{{mclist/item|{{item|butterfly}} }}
{{mclist/item|{{item|Flamarang}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|Hellstone Bar}} }}
{{mclist/item|{{item|Fiery Greatsword}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|bunny}} }}
{{mclist/item|{{item|butterfly}} }}
{{mclist/item|{{item|Flamarang}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|Hellstone Bar}} }}
{{mclist/item|{{item|Fiery Greatsword}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|bunny}} }}
{{mclist/item|{{item|butterfly}} }}
{{mclist/item|{{item|Flamarang}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|Hellstone Bar}} }}
{{mclist/item|{{item|Fiery Greatsword}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|bunny}} }}
{{mclist/item|{{item|butterfly}} }}
{{mclist/item|{{item|Flamarang}} }}
{{mclist/end}}

zwracany wyniki:

Wszystkie parametry {{mclist}} są dostępne na {{mclist/start}}, a każdy element listy może również definiować własny css:

{{mclist/start|width=20em}}
{{mclist/item|{{item|Handgun}}|css=border:1px solid blue}}
{{mclist/item|{{item|bunny}} }}
{{mclist/item|{{item|butterfly}} }}
{{mclist/item|{{item|Flamarang}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|Hellstone Bar}} }}
{{mclist/item|{{item|Fiery Greatsword}}|css=border:2px dotted blue}}
{{mclist/item|{{item|Handgun}}|css=border:1px dotted green}}
{{mclist/item|{{item|bunny}} }}
{{mclist/item|{{item|butterfly}} }}
{{mclist/item|{{item|Flamarang}} }}
{{mclist/item|{{item|Handgun}} }}
{{mclist/item|{{item|Hellstone Bar}}|css=border:2px solid yellow}}
{{mclist/item|{{item|Fiery Greatsword}} }}
{{mclist/end}}

zwracany wyniki:

Zobacz również[edytuj kod]