Vlastní CSS třídy

Následující seznam obsahuje CSS třídy, které byly definovány speciálně pro použití ve wiki textech vývojářského centra Mozilly. Pokud byste z nějakého důvodu potřebovali definovat novou vlastní třídu, kontaktuje uživatele Pawell.


Třídy pro semantické DIVy

Tip

<div class="tip"><div>
Pro zobrazení tipu uprostřed těla stránky.
Tip: Zkuste si to sami!

Poznámka

<div class="note"><div>
Pro zobrazení poznámky uprostřed těla stránky.
Poznámka: Další informace najdete zde.

Varování

<div class="warning"><div>
Pro zobrazení varování uprostřed těla stránky. V budoucnu bude pravděpodobně přidána ikonka vykřičníku.
Varování: Toto rozhodně nezkoušejte!

Chyby

<div class="bug"><div>
Pro odkázání na odpovídající chyby v bugzille.
Více informací naleznete v chybě 176320


Zvýraznění textu

Zvýraznění bloku

<div class="highlight"><div>
Pro zvýraznění celého bloku textu. Vykreslí modrou 3px-tlustou čáru po levé straně textu.

Toto je velmi důležitáý matematický příklad:

1 + 1 = 2

Doporučujeme ho pečlivě prostudovat.

Změna barvy textu

<span class="highlightred"><span>
Pro změnu barvy textu na červenou.
<span class="highlightblue"><span>
Pro změnu barvy textu na modrou.
<span class="highlightgreen"><span>
Pro změnu barvy textu na zelenou.

V tomto odstavci je použito obarvení textu na červenou, modrou a zelenou.

Tabulky

Standartní tabulka

<table class="standard-table"><table>
Pro vytvoření standardní tabulky
<tr> <td>Toto je příklad:</td> <td>table.standard-table</td> </tr> </table>

Tabulka přes celou šířku stránky

<table class="fullwidth-table"><table>
Pro vytvoření tabulky přes celou šířku stránky
Záhlaví tabulky 1</td>

<th>Záhlaví tabulky 2</td>

Záhlaví tabulky 1</td>

<th>Záhlaví tabulky 2</td>

<tr> <td>Toto je příklad:</td> <td>table.fullwidth-table</td> </tr> </table>

Plovoucí bloky

Postranní poznámky

<div class="side-note-left"><div>
Pro vytvoření plovoucího bloku zarovnaného doleva.
<div class="side-note-right"><div>
Pro vytvoření plovoucího bloku zarovnaného doprava.

Toto je obecný text. Toto je obecný text.

Toto je příklad
poznámky vlevo.

Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text.

Toto je příklad
poznámky vpravo.

Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text.

Obecné plovoucí bloky

<div class="float-left"><div>
Pro vytvoření plovoucího bloku zarovnaného doleva.
<div class="float-right"><div>
Pro vytvoření plovoucího bloku zarovnaného doprava.

Toto je obecný text. Toto je obecný text.

Toto je příklad
plovoucího boxu vlevo.

Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text.

Toto je příklad
plovoucího boxu vpravo.

Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text. Toto je obecný text.

Document Tags and Contributors

Contributors to this page: Pawell
Last updated by: Pawell,