Przejdź do zawartości

Szablon:OverflowWiersz/opis

Dodaj linki
Z Wikibooks, biblioteki wolnych podręczników.
To jest podstrona dokumentacji dla szablonu {{OverflowWiersz}}.
Zawiera ona informacje na temat sposobu użycia, kategoryzacji szablonu i inną zawartość niebędącą częścią oryginalnej strony.

Użycie

[edytuj]

Szablon wyświetla suwak w przypadku nadmiarowych rozmiarów w wierszu, oparty na obsłudze tagów: <div>...</div> - (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, (w kaskadowych arkuszach stylów) i atrybutów (inne niż: id, style i class), elementu HTML.

Opis parametrów

[edytuj]

Szablon przyjmuje co najmniej jeden parametr, w którym pierwszy nieopcjonalny jest wikikod umieszczony w ramce pływającej, jako <div style="overflow-x:auto;">{{{1}}}>...</div>, a drugi styl i trzeci klasa służą do formatowania zawartości i obróbki ramki tego znacznika. A zmienna: 1 tam umieszczona jest zawartością wikikodu.

Wywołanie
{{OverflowWiersz|1=|id=|styl=|h=|w=|klasa=|atrybuty=}}

Szablon {{OverflowWiersz}}, 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.

Szablon {{OverflowWiersz}} przyjmuje następujące parametry
  • 1 - zawartość tekstu pomiędzy znacznikami - wymagany,
  • id - unikatowy identyfikator, znacznika - sugerowany,
  • styl - styl CSS znacznika - właściwości i ich wartości - opcjonalny,
  • h - maksymalna wysokość ramki - opcjonalny,
  • w - maksymalna szerokość ramki - opcjonalny,
  • klasa - reguły CSS, do klasy znacznika, czyli zbioru właściwości i ich wartości - opcjonalny,
  • atrybuty - atrybuty znacznika - 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)

[edytuj]

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

Szablon {{OverflowWiersz}}
{{Znacznik|tag=div|id={{{id|}}}|styl=overflow-x:auto;max-height:{{{h|none}}};max-width:{{{w|none}}};{{{styl|}}}|klasa={{{klasa|}}}|atrybuty={{{atrybuty|}}}|{{{1}}}}}

Przykłady dla szablonu {{OverflowWiersz}}

[edytuj]

Style są w oparciu o kaskadowe arkusze stylów, które są napisane w stylach przykładów: 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
  {{OverflowWiersz|styl=width:750px;height:200px;padding:5px;font-size:15px;color:darkslategray;background-color:ivory;border:darkblue 1px solid;
      |{{Div|styl = width:800px;height:100px;|1 = {{Lorem ipsum}} }}
  }}
Wynik
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cyfry: 0123456789; polskie znaki diakrytyczne: ąćęłńóśźżĄĆĘŁŃÓŚŹŻ; znaki podobne: l I 1 , O 0 ; przykład transkrypcji IPA: /ɪɡ'zɑːmpəl əv aɪpiː'eɪ tɹɑːn'skɹɪpʃən/. Arabski: العربية; chiński: 这是一些汉字。 Zhè shì yì xiē; cyrylica: Кириллица; grecki: Ελληνικά; khmerski: កខ; litery skandynawskie: ÅÄÆÖØ åäæöø; tajski: ฟหกดึ้.
Przykład drugi
  {{OverflowWiersz|styl=width:750px;height:200px;padding:5px;color:darkslategray;background-color:ivory;border:darkblue 1px solid;|klasa=czcionka
      |{{Div|styl = width:800px;height:100px;|1 = {{Lorem ipsum}} }}
  }}
Wynik
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cyfry: 0123456789; polskie znaki diakrytyczne: ąćęłńóśźżĄĆĘŁŃÓŚŹŻ; znaki podobne: l I 1 , O 0 ; przykład transkrypcji IPA: /ɪɡ'zɑːmpəl əv aɪpiː'eɪ tɹɑːn'skɹɪpʃən/. Arabski: العربية; chiński: 这是一些汉字。 Zhè shì yì xiē; cyrylica: Кириллица; grecki: Ελληνικά; khmerski: កខ; litery skandynawskie: ÅÄÆÖØ åäæöø; tajski: ฟหกดึ้.
Przykład trzeci
  {{OverflowWiersz|styl=width:750px;height:200px;padding:5px;color:darkslategray;|klasa=czcionka|id=przykład2
    |{{Div|styl = width:800px;height:100px;|1 = {{Lorem ipsum}} }}
  }}
Wynik
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cyfry: 0123456789; polskie znaki diakrytyczne: ąćęłńóśźżĄĆĘŁŃÓŚŹŻ; znaki podobne: l I 1 , O 0 ; przykład transkrypcji IPA: /ɪɡ'zɑːmpəl əv aɪpiː'eɪ tɹɑːn'skɹɪpʃən/. Arabski: العربية; chiński: 这是一些汉字。 Zhè shì yì xiē; cyrylica: Кириллица; grecki: Ελληνικά; khmerski: កខ; litery skandynawskie: ÅÄÆÖØ åäæöø; tajski: ฟหกดึ้.
Przykład czwarty
  {{OverflowWiersz|styl=width:750px;height:200px;padding:5px;|klasa=tło obramowanie|id=przykład1
    |{{Div|styl = width:800px;height:100px;|1 = {{Lorem ipsum}} }}
  }}
Wynik
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cyfry: 0123456789; polskie znaki diakrytyczne: ąćęłńóśźżĄĆĘŁŃÓŚŹŻ; znaki podobne: l I 1 , O 0 ; przykład transkrypcji IPA: /ɪɡ'zɑːmpəl əv aɪpiː'eɪ tɹɑːn'skɹɪpʃən/. Arabski: العربية; chiński: 这是一些汉字。 Zhè shì yì xiē; cyrylica: Кириллица; grecki: Ελληνικά; khmerski: កខ; litery skandynawskie: ÅÄÆÖØ åäæöø; tajski: ฟหกดึ้.
Przykład piąty
  {{OverflowWiersz|styl=width:750px;height:200px;padding:5px;|klasa=czcionka kolor tło obramowanie
     |{{Div|styl = width:800px;height:100px;|1 = {{Lorem ipsum}} }}
  }}
Wynik
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cyfry: 0123456789; polskie znaki diakrytyczne: ąćęłńóśźżĄĆĘŁŃÓŚŹŻ; znaki podobne: l I 1 , O 0 ; przykład transkrypcji IPA: /ɪɡ'zɑːmpəl əv aɪpiː'eɪ tɹɑːn'skɹɪpʃən/. Arabski: العربية; chiński: 这是一些汉字。 Zhè shì yì xiē; cyrylica: Кириллица; grecki: Ελληνικά; khmerski: កខ; litery skandynawskie: ÅÄÆÖØ åäæöø; tajski: ฟหกดึ้.
Przykład szósty
  {{OverflowWiersz|styl=width:750px;height:200px;padding:5px;|id=przykład
      |{{Div|styl = width:800px;height:100px;|1 = {{Lorem ipsum}} }}
  }}
Wynik
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cyfry: 0123456789; polskie znaki diakrytyczne: ąćęłńóśźżĄĆĘŁŃÓŚŹŻ; znaki podobne: l I 1 , O 0 ; przykład transkrypcji IPA: /ɪɡ'zɑːmpəl əv aɪpiː'eɪ tɹɑːn'skɹɪpʃən/. Arabski: العربية; chiński: 这是一些汉字。 Zhè shì yì xiē; cyrylica: Кириллица; grecki: Ελληνικά; khmerski: កខ; litery skandynawskie: ÅÄÆÖØ åäæöø; tajski: ฟหกดึ้.
  • Widzimy, że w sześciu przykładach powyższych różne są przykłady, ale wynik ten sam, ale one obrazują to samo, czyli widzimy, że niezależnie jak rozplanujemy style pomiędzy style style, klasy class i identyfikatory id, wynik zawsze otrzymujemy ten sam.

Błędy

[edytuj]

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

Parametry szablonu (strukturyzacja Wizualnego Edytora)

[edytuj]

Szablon służy do wyświetlania nadmiarowego wikikodu lub tekstu.

Parametry szablonu[Zarządzaj danymi szablonu]

ParametrOpisTypStatus
11

Jest to parametr będący wikikodem lub tekstem.

Ciąg znakówwymagany
idid

Identyfikator znacznika.

Ciąg znakówsugerowany
stylstyl

Styl ramki, CSS.

Ciąg znakówopcjonalny
klasaklasa

Klasa reguł kaskadowych arkuszy stylów.

Ciąg znakówopcjonalny
atrybutyatrybuty

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

Ciąg znakówopcjonalny

Zobacz też

[edytuj]
  • {{Div}} - szablon blokowy pudełek: <div>...</div>, o tekście umieszczanego wewnątrz tego szablonu
  • Szablony: {{Div start}} (otwierający) i {{Div koniec}} (zamykający), pudełek: <div>...</div>, elementu blokowego, o tekście umieszczanego pomiędzy tymi szablonami,
  • {{Znacznik}} - szablon, o który ten szablon, jest zbudowany, w oparciu o element blokowy: <div>...</div>, o tekście umieszczonego wewnątrz tego szablonu.
p • d • e • U
Ta tabelka przedstawia wszystkie rodzaje szablonów ramek formułujące kod HTML lub wikikod, lub nimi się posługujące.
 
Szablony oparte o tagi w znacznikach
Szablony generujące kod FlexBox
Szablony znaczników
{{Znacznik}} (kombajn) • {{Znacznik start}} (kombajn otwierający) • {{Znacznik koniec}} (kombajn zamykający) • {{Div}} (oparty o div) • {{Div start}} (oparty o div otwierający) • {{Div koniec}} (oparty o div zamykający) • {{Pre}} • {{PreBody}} • {{PreBody2}} • {{PreLine}} • {{PreLineBody}} • {{Pre start}} • {{Pre koniec}} • {{Code}} • {{Tt}} • {{Sub}} • {{Sup}} • {{Su}} • {{P}} • {{Span}} • {{Bdo}} • {{Small}} • {{Big}} • {{Strong}} • {{Br}} • {{Hr}} • {{Center}}
Szablony kotwice
{{Indeksuj}} • {{Kotwica}} • {{Id}}
Ramki pływające
Opływanie elementów HTML
{{BrClear}} • {{-}} (przekierowanie do {{BrClear}}) • {{Koniec grafiki}} (przekierowanie do {{BrClear}}) • {{SpanClear}} • {{HrClear}} • {{DivClear}}
Ramki ustalone
Ten szablon nawigacyjny pokazuje szablony tworzące kod HTML lub wikikod, jeżeli nie używa do tego języka Lua w Scribunto, albo generujące, jeżeli używa do tego tego języka, bądź szablony posługujące się wikikodem na stronach.


Źródło: „https://pl.wikibooks.org/w/index.php?title=Szablon:OverflowWiersz/opis&oldid=477903”