Przejdź do zawartości

Szablon:Font

Z Wikibooks, biblioteki wolnych podręczników.
 Dokumentacja szablonu [zobacz] [edytuj] [historia] [odśwież]

Użycie

[edytuj]

Znacznik liniowy umieszczany w tekście pozwalający nadać temu elementowi pewne cechy, oparty na obsłudze tagów: <span style="font-family:coś;font-size:coś;line-height:coś;color:coś">...</span> (jest to element liniowy) - (tagi języka HTML), oraz identyfikatorów: id, styli: style (właściwości i ich zawartości przedstawiający język CSS), klas: class (reguł w kaskadowych arkuszach stylów) i atrybutów (inne niż: id, style i class), elementu HTML. Użycie: {{Font|kod}}, gdy w kodzie znajdują się znaki "=", to w nim należy stosować szablon {{=}}. Tekst jest umieszczany, wewnątrz tego szablonu, pomiędzy tymi tagami.

Opis parametrów

[edytuj]
Wywołanie
{{Font|1=|face=|size=|weight=|variant=|style=|line=|color=|id=|styl=|klasa=|atrybuty=}}

Szablon {{Font}}, 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,
  • face (font-family w atrybucie: style) - rodzina czcionek według CSS, domyślna wartość: inherit - sugerowany,
  • size (font-size w atrybucie: style) - rozmiar czcionki, domyślna wartość: inherit - sugerowany,
  • weight (font-weight w atrybucie style) - określa grubość czcionki, domyślna wartość: inherit - sugerowany,
  • variant (font-variant w atrybucie style) - dodatkowy wariant czcionki, normalny (normal) lub gdzie małe litery są wielkie, lecz ich wysokośc jest taka jak małe, domyślna wartość: inherit - sugerowany,
  • style (font-style) w atrybucie style) - określa styl normalny (normal) lub pochylony, domyślna wartość: inherit - sugerowany,
  • line (line-height w atrybucie: style) - wysokość czcionki, domyślna wartość: inherit - sugerowany,
  • color (color w atrybucie: style) - kolor czcionki, domyślna wartość: inherit - sugerowany,
  • id - unikatowy identyfikator, znacznika - sugerowany,
  • styl - styl CSS znacznika - właściwości i ich wartości - opcjonalny,
  • klasa - reguły CSS, do klasy znacznika, czyli zbioru właściwości i ich wartości - opcjonalny,
  • atrybuty - atrybuty znacznika (inne niż: id, styl i class) - opcjonalny.

Powyższe parametry oprócz pierwszego są opcjonalne za wyjątkiem parametrów: id oraz face, size, weight, variant, style, line i color, które są sugerowane.

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

[edytuj]

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

Szablon {{Font}}
{{Znacznik|tag=span|id={{{id|}}}|styl=font-family:{{{face|inherit}}};font-size:{{{size|inherit}}};font-weight:{{{weight|inherit}}};font-variant:{{{variant|inherit}}};font-style:{{{style|inherit}}};line-height:{{{line|inherit}}};color:{{{color|inherit}}};{{{styl|}}}|klasa={{{klasa|}}}|atrybuty={{{atrybuty|}}}|{{{1}}}}}

Przykłady

[edytuj]

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

Przykład
Oto jest tekst przed tym szablonem: {{Font|face=Times New Roman|size=2rem|color=blue|Oto jest tekst do analizy}}, a tutaj po.
Wynik
Oto jest tekst przed tym szablonem: Oto jest tekst do analizy, a tutaj po.

Tabelka z przykładami dla szablonu: {{Font}}, czyli przy znaczniku: <span style="font-family:coś;font-size:coś;line-height:coś;color:coś">...</span>

[edytuj]

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:

Wywołanie Efekt
Tekst przed.{{Font|Oto jest tekst do analizy|face=sans-serif|line=1.4em|size=1.0em|color=darkslategray;|styl=background-color:ivory;border:darkblue 1px solid;}}Tekst po. Tekst przed.Oto jest tekst do analizyTekst po.
Tekst przed.{{Font|Oto jest tekst do analizy|color=darkslategray;|styl=background-color:ivory;border:darkblue 1px solid;|klasa=czcionka}}Tekst po. Tekst przed.Oto jest tekst do analizyTekst po.
Tekst przed.{{Font|Oto jest tekst do analizy|color=darkslategray;|klasa=czcionka|id=przykład2}}Tekst po. Tekst przed.Oto jest tekst do analizyTekst po.
Tekst przed.{{Font|Oto jest tekst do analizy|color=darkslategray;|klasa=tło obramowanie|id=przykład1}}Tekst po. Tekst przed.Oto jest tekst do analizyTekst po.
Tekst przed.{{Font|Oto jest tekst do analizy|color=darkslategray;|klasa=czcionka kolor tło obramowanie}}Tekst po. Tekst przed.Oto jest tekst do analizyTekst po.
Tekst przed.{{Font|Oto jest tekst do analizy|color=darkslategray;|id=przykład}}Tekst po. Tekst przed.Oto jest tekst do analizyTekst po.

Widzimy w powyższej tabelce, że niezależnie jak napiszemy znacznik: <span style="font-family:coś;font-size:coś;line-height:coś;color:coś">...</span>, 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

[edytuj]

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

Szablon nadającej tekstowi, w tekście, pewne cechy, za pomocą stylów, w elemencie: <span style="font-family:coś;size:coś|color:coś">...</span>.

Parametry szablonu[Zarządzaj danymi szablonu]

ParametrOpisTypStatus
11

Tekst, któremu można nadać pewne cechy.

Ciąg znakówwymagany
faceface

font-family w atrybucie: style - rodzina czcionek.

Wartość domyślna
inherit
Ciąg znakówsugerowany
sizesize

font-size w atrybucie: style - rozmiar czcionki.

Wartość domyślna
inherit
Ciąg znakówsugerowany
weightweight

font-weight w atrybucie style - określa grubość czcionki.

Wartość domyślna
inherit
Ciąg znakówsugerowany
variantvariant

font-variant w atrybucie style - dodatkowy wariant czcionki, normalny (normal) lub gdzie małe litery są wielkie, lecz ich wysokośc jest taka jak małe.

Wartość domyślna
inherit
Ciąg znakówsugerowany
stylestyle

font-style w atrybucie style)- określa styl normalny (normal) lub pochylony.

Wartość domyślna
inherit
Ciąg znakówsugerowany
lineline

line-height w atrybucie: style - wysokość czcionki.

Wartość domyślna
inherit
Ciąg znakówsugerowany
colorcolor

color w atrybucie: style - kolor czcionki.

Wartość domyślna
inherit
Ciąg znakówsugerowany
idid

Unikatowy identyfikator.

Ciąg znakówsugerowany
stylstyl

Styl CSS, właściwości i ich wartości.

Ciąg znakówopcjonalny
klasaklasa

Reguły CSS, do klasy, kaskadowych arkuszy stylów.

Ciąg znakówopcjonalny
atrybutyatrybuty

Atrybuty, inne niż: id, style i class.

Ciąg znakówopcjonalny

Zobacz też

[edytuj]
  • {{Znacznik}} - szablon, o który ten szablon, jest zbudowany, w oparciu o element liniowy: <span>...</span>, o tekście umieszczanego, wewnątrz tego szablonu, pomiędzy tymi tagami.