Szablon:Card/opis

Skocz do: nawigacja, szukaj
  • Kod: {{Card|body=Treść karty|list=Definicja listy|header=Treść nagłówka|footer=Treść stopki|image top=Plik obrazka górnego|image bottom=Plik obrazka dolnego|class=Klasy CSS|style=Style CSS}}
  • Opis: Pozwala na umieszczanie treści w bootstrapowej karcie.
  • Gdzie: W dowolnym miejscu. Głównie na stronach portali.
  • Powiązane szablony: AppCard, Przycisk

Opis

Szablon ten pozwala na umieszczanie treści w komponencie Card z Bootstrapa 4.1.

Użycie

Normalne

W najprostszym wypadku używa się tylko parametru body, którego nazwę można pominąć jeśli jest to pierwszy parametr szablonu. Kod {{Card|To jest treść karty.}} lub {{Card|body=To jest treść karty.}} da w rezultacie:

To jest treść karty.

Nagłówek i stopka

Kod {{Card|To jest treść karty.|header=To jest nagłówek karty|footer=To jest stopka karty}} da w rezultacie:

To jest nagłówek karty
To jest treść karty.

Lista

Kod
{{Card
|header=To jest nagłówek karty
|list=
* To jest pierwszy element listy
* To jest drugi element listy
* To jest trzeci element listy
}}
da w rezultacie:
To jest nagłówek karty
  • To jest pierwszy element listy
  • To jest drugi element listy
  • To jest trzeci element listy

Obrazki i style

Kod
{{Card
|image top=[[Plik:Leap-green.png|300px]]
|style=width: 300px; max-width: 100%;
|list=
* To jest pierwszy element listy
* To jest drugi element listy
* To jest trzeci element listy
}}
da w rezultacie:
Leap-green.png
  • To jest pierwszy element listy
  • To jest drugi element listy
  • To jest trzeci element listy

Klasy

Kod
Rezultat

{{Card|To jest treść karty.|class=text-white bg-primary|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=text-white bg-secondary|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=text-white bg-success|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=text-white bg-danger|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=text-white bg-warning|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=text-white bg-info|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=bg-light|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.

{{Card|To jest treść karty.|class=text-white bg-dark|header=To jest nagłówek karty|footer=To jest stopka karty}}

To jest nagłówek karty
To jest treść karty.