Szablon:Center

 Dokumentacja szablonu [zobacz] [edytuj] [historia] [odśwież]

Użycie

Szablon pozwala wycentrować tekst w poziomie, dawniej działał na podstawie taga: <center>...</center> (jest to element wycofywany, zdeprecjonowany, ze standardu HTML), a teraz: <div>...</div> (jest to element blokowy) - (tagi języka HTML), oparty na ich obsłudze, który jest obsłużony na implementacji kontenerów elastycznych flexbox w jednym tylko wierszu, mający tylko jedno dziecko, które pozwala na normalną obsługę znaczników włożonych elementów do tego szablonu.

Ten szablon również posiada oprócz parametru: | 1 = , też identyfikatory rodzica (elementu w linii): id (parametr: | id = ), styli: style (parametr: | styl = ) (właściwości i ich zawartości przedstawiający język CSS), klas: class (parametr: | klasa = ) (reguł w kaskadowych arkuszach stylów) i atrybutów (parametr: | atrybuty = ) (inne niż: id, style i class), elementu HTML, szablon posiada również dla jego dziecka parametry z końcówką -center, czyli: id-center, styl-center, klasa-center i atrybuty-center, a co one reprezentują, to jest podobnie jak bez tej końcówki. Test jest umieszczany, wewnątrz tego szablonu, pomiędzy tymi tagami.

Opis parametrów

Wywołanie

{{Center|1=|id=|id-center=|styl=|styl-center=|klasa=|klasa-center=|atrybuty=|atrybuty-center=}}

Szablon {{Center}}, przyjmuje argumenty, którego wartości wraz z odpowiednimi nazwami, oprócz zmiennej 1, w nim, wsadza on do tagu, coś w rodzaju: <tag nazwa="wartość">...</tag>, obsługiwanego, przez niego znacznika, przez którego on jest oparty, a oto lista tych zmiennych poniżej.

Parametry

• 1 - zawartość tekstu pomiędzy znacznikami - wymagany,
• id - unikatowy identyfikator, znacznika - sugerowany,
• id-center - unikatowy identyfikator, znacznika, elementu centrowanego - sugerowany,
• styl - styl CSS znacznika - właściwości i ich wartości - opcjonalny,
• styl-center - styl CSS znacznika - właściwości i ich wartości, elementu centrowanego - opcjonalny,
• klasa - reguły CSS, do klasy znacznika, czyli zbioru właściwości i ich wartości - opcjonalny,
• klasa-center - reguły CSS, do klasy znacznika, czyli zbioru właściwości i ich wartości, elementu centrowanego - opcjonalny,
• atrybuty - atrybuty znacznika (inne niż: id, styl i class) - opcjonalny,
• atrybuty-center - atrybuty znacznika (inne niż: id-center, styl-center i class-center), elementu centrowanego - opcjonalny.

---

Powyższe parametry oprócz pierwszego są opcjonalne za wyjątkiem parametru: id, który jest sugerowany.

Wikikod, zbudowany za pomocą szablonu znaczników (kombajnu)

Szablon {{Center}} ma kod w zależności od znacznika: {{Znacznik}}, przedstawiający się:

Szablon {{Center}}

{{Znacznik|tag=div|id={{{id|}}}|styl=display:flex;flex-direction:row;align-items:stretch;justify-content:center;{{{styl|}}}|klasa=template-center {{{klasa|}}}|atrybuty={{{atrybuty|}}}|{{Znacznik|tag=div|id={{{id-center|}}}|klasa={{{klasa-center|}}}|styl={{{styl-center|}}}|atrybuty={{{atrybuty-center|}}}|{{{1}}}}}}}

Przykłady

Najprostszym możliwym przypadkiem jest nieużycie żadnego parametry tego szablonu.

Przykład

{{Center|Oto jest tekst do analizy}}

Wynik

Oto jest tekst do analizy

Przykłady dla szablonu {{Center}}, czyli przy znaczniku <div>...</div>, działający podobnie, jak przy wycofanym znaczniku <center>...</center>

Style są w oparciu o kaskadowe arkusze stylów, które są napisane w stylach przykładów: Szablon:Znacznik/przykłady.css. W poniższych przykładach należy pamiętać o napisaniu:

<templatestyles src="Szablon:Znacznik/przykłady.css" />

Zatem:

Przykład pierwszy

{{Center|Oto jest tekst do analizy|styl=font-size:15px;color:darkslategray;background-color:ivory;border:darkblue 1px solid;|styl-center=font-size:12px;color:blue;background-color:yellow;border:green 1px solid;}}

Wynik

Oto jest tekst do analizy

---

Przykład drugi

{{Center|Oto jest tekst do analizy|styl=font-size:15px;color:darkslategray;|id=przykład2|styl-center=font-size:12px;color:blue;|id-center=potomek_przykład2}}

Wynik

Oto jest tekst do analizy

---

Przykład trzeci

{{Center|Oto jest tekst do analizy|klasa=czcionka kolor tło obramowanie|klasa-center=potomek_czcionka potomek_kolor potomek_tło potomek_obramowanie}}

Wynik

Oto jest tekst do analizy

---

Przykład czwarty

{{Center|Oto jest tekst do analizy|styl=color:darkslategray;|klasa=czcionka|id=przykład2|klasa-center=potomek_czcionka|id-center=potomek_przykład2}}

Wynik

Oto jest tekst do analizy

---

---

Widzimy w powyższej tabelce, że niezależnie jak napiszemy znacznik <center>...</center> (znacznik wycofywany), lub za pomocą jego alternatywny div-owej, czyli <div>...</div>, to wynik otrzymujemy taki sam, a to rozplanowanie stylów zrobiliśmy poprzez rozdzielenie stylów pomiędzy atrybutami style, class lub id.

Błędy

Błędy należy zgłaszać na stronie Wikibooks:Kwestie techniczne.

Parametry szablonu (strukturyzacja Wizualnego Edytora)

Szablon ustawienia wycentrowania zawartości w elemencie: <center>...</center>.

Parametry szablonu[Zarządzaj danymi szablonu]

Parametr		Opis	Typ	Status
1	1	Zawartość, która ma by wycentrowana poziomo.	Ciąg znaków	wymagany
id	id	Unikatowy identyfikator.	Ciąg znaków	sugerowany
styl	styl	Styl CSS, właściwości i ich wartości.	Ciąg znaków	opcjonalny
klasa	klasa	Reguły CSS, do klasy, kaskadowych arkuszy stylów.	Ciąg znaków	opcjonalny
atrybuty	atrybuty	Atrybuty, inne niż: id, style i class.	Ciąg znaków	opcjonalny

Zobacz też

• {{Ce}} lub {{Centruj}} - tekst umieszczony w elemencie blokowym: <div>...</div>, w którym jest centrowany, w przeciwieństwie do szablonu {{Center}}, w którym tekst jest umieszczony pomiędzy znacznikami: <center>...</center>, może być używany bez żadnych parametrów, ale nie musi, w tych szablonach tekst, wsadza się pomiędzy tymi znacznikami, wewnątrz tego szablonu,
• {{CentrujStart}} (szablon otwierający) i {{CentrujKoniec}} (szablon zamykający) - podobnie jak szablony: {{Ce}} lub {{Centruj}}, w których tekst się wsadza do szablonu, a tu tekst centrowany jest pomiędzy szablonami, ale pomiędzy znacznikami, one są oparte o tagi: <div>...</div>,
• {{Znacznik}} - szablon, o który ten szablon, jest zbudowany, w oparciu o element blokowy: <center>...</center>, o tekście umieszczanego wewnątrz tego szablonu, pomiędzy tymi znacznikami.