DokuWiki

Je lepší, když je to jednoduché

Nástroje uživatele

Nástroje webu

Historie: • DokuWiki • Problémy s indexem vyhledávání • Jak zakázat stahování? • Tlačítka v zápatí • DokuWiki
wiki:syntaxe-wrap

Rozdíly

Zde se zobrazují rozdíly mezi dvěma verzemi stránky.

Odkaz na výstup diff

Obě strany předchozí revizePředchozí verze
wiki:syntaxe-wrap [2025-09-08 08:15] – upraveno správcem (MartinR) mimo DokuWiki (Neznámé datum) 127.0.0.1wiki:syntaxe-wrap [2026-02-04 10:43] (aktuální) – MartinR
Řádek 1: Řádek 1:
-====== Syntaxe wrap ======+====== Syntaxe Wrap ======
  
 ===== Příklady použití pluginu Wrap ===== ===== Příklady použití pluginu Wrap =====
Řádek 61: Řádek 61:
  
 ===== Třídy a styly ===== ===== Třídy a styly =====
- 
  
 ==== Sloupce a plovoucí prvky ==== ==== Sloupce a plovoucí prvky ====
Řádek 102: Řádek 101:
 ^ ''px''  | ''420px''  | vhodné pro kontejnery s obrázky o dané šířce                        | ^ ''px''  | ''420px''  | vhodné pro kontejnery s obrázky o dané šířce                        |
 ^ ''em''  | ''20em''   | vhodné pro kontejnery, které se mají přizpůsobovat velikosti písma  | ^ ''em''  | ''20em''   | vhodné pro kontejnery, které se mají přizpůsobovat velikosti písma  |
- 
 </WRAP> </WRAP>
 +
 <WRAP third column> <WRAP third column>
 === Klíčová slova pro šířku === === Klíčová slova pro šířku ===
Řádek 117: Řádek 116:
  
 :!: Pozor: Aby klíčová slova pro šířku fungovala správně, je nutné obalit jejich sadu pomocí **''%%<WRAP group>%%''**. Pokud kombinujete více typů v jedné skupině, může být potřeba přidat ''%%<WRAP clear />%%'' za řadu. :!: Pozor: Aby klíčová slova pro šířku fungovala správně, je nutné obalit jejich sadu pomocí **''%%<WRAP group>%%''**. Pokud kombinujete více typů v jedné skupině, může být potřeba přidat ''%%<WRAP clear />%%'' za řadu.
- 
 </WRAP> </WRAP>
  
 </WRAP> </WRAP>
  
-Možnosti lze použít i u prvků typu span (protože každý plovoucí prvek se automaticky stává blokovým prvkem), ale obvykle to nedává smysl. :!: Šířky u span prvků obvykle nefungují (záměrně), ale mohou být užitečné, pokud je prvek plovoucí.+Možnosti lze použít i u prvků typu span (protože každý plovoucí prvek se automaticky stává blokovým prvkem), ale obvykle to nedává smysl.\\ 
 +:!: Šířky u span prvků obvykle nefungují (záměrně), ale mohou být užitečné, pokud je prvek plovoucí.
  
-:!: Pozor: Jaký je rozdíl mezi běžnými šířkami a klíčovými slovy pro šířku - a kdy je vhodné co použít?  **Běžné šířky** mohou způsobovat problémy a nikdy se zcela nesčítají, což může vést k narušení rozvržení (viz [[http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug|box model]] pro technické vysvětlení). Správné nastavení šířek vyžaduje testování v různých prohlížečích.  **Klíčová slova pro šířku** se přizpůsobují automaticky a fungují lépe na mobilních zařízeních. Nevýhodou je nutnost obalujícího wrapu a nekompatibilita se staršími prohlížeči (IE8 a starší).+:!: Pozor: Jaký je rozdíl mezi běžnými šířkami a klíčovými slovy pro šířku - a kdy je vhodné co použít? **Běžné šířky** mohou způsobovat problémy a nikdy se zcela nesčítají, což může vést k narušení rozvržení (viz [[http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug|box model]] pro technické vysvětlení). Správné nastavení šířek vyžaduje testování v různých prohlížečích. **Klíčová slova pro šířku** se přizpůsobují automaticky a fungují lépe na mobilních zařízeních. Nevýhodou je nutnost obalujícího wrapu a nekompatibilita se staršími prohlížeči (IE8 a starší).
  
 Všechny tyto možnosti lze použít i v wrapech typu [[#boxy a poznámky]] (viz níže). Všechny tyto možnosti lze použít i v wrapech typu [[#boxy a poznámky]] (viz níže).
Řádek 140: Řádek 139:
 Vícesloupcové rozvržení funguje nejlépe v moderních prohlížečích (nefunguje v IE9 a starších) a mělo by být považováno za experimentální, protože chování některých prohlížečů je stále nekonzistentní a chybové. Vícesloupcové rozvržení funguje nejlépe v moderních prohlížečích (nefunguje v IE9 a starších) a mělo by být považováno za experimentální, protože chování některých prohlížečů je stále nekonzistentní a chybové.
  
-Stačí použít: **''%%colsmall%%''** pro sloupce s malou šířkou, **''%%colmedium%%''** pro střední šířku a **''%%collarge%%''** pro velkou šířku.+Stačí použít: **''%%colsmall%%''** pro sloupce s malou šířkou, **''%%colmedium%%''** pro střední šířku a **''%%collarge%%''** pro velkou šířku.\\
 Nebo: **''%%col2%%''** pro 2 sloupce, **''%%col3%%''** pro 3 sloupce, **''%%col4%%''** pro 4 sloupce, **''%%col5%%''** pro 5 sloupců. Nebo: **''%%col2%%''** pro 2 sloupce, **''%%col3%%''** pro 3 sloupce, **''%%col4%%''** pro 4 sloupce, **''%%col5%%''** pro 5 sloupců.
 První typ sloupců je určen šířkou, druhý počtem. Sloupce podle šířky jsou vhodné pro různá rozvržení a přizpůsobení různým zařízením. První typ sloupců je určen šířkou, druhý počtem. Sloupce podle šířky jsou vhodné pro různá rozvržení a přizpůsobení různým zařízením.
Řádek 178: Řádek 177:
  
 :!: Zarovnání nelze použít u prvků typu span. :!: Zarovnání nelze použít u prvků typu span.
- 
  
 ==== Boxy a poznámky ==== ==== Boxy a poznámky ====
Řádek 190: Řádek 188:
   * ''round'' lze přidat k libovolnému prvku s pozadím nebo rámečkem; funguje pouze v moderních prohlížečích (nefunguje v IE8 a starších)   * ''round'' lze přidat k libovolnému prvku s pozadím nebo rámečkem; funguje pouze v moderních prohlížečích (nefunguje v IE8 a starších)
 </WRAP> </WRAP>
- 
  
 <WRAP info 300px left> <WRAP info 300px left>
Řádek 196: Řádek 193:
 %%<WRAP info></WRAP>%% %%<WRAP info></WRAP>%%
 </WRAP> </WRAP>
- 
  
 <WRAP tip 300px left> <WRAP tip 300px left>
Řádek 202: Řádek 198:
 %%<WRAP tip></WRAP>%% %%<WRAP tip></WRAP>%%
 </WRAP> </WRAP>
- 
  
 <WRAP important 300px left> <WRAP important 300px left>
Řádek 208: Řádek 203:
 %%<WRAP important></WRAP>%% %%<WRAP important></WRAP>%%
 </WRAP> </WRAP>
- 
  
 <WRAP alert 300px left> <WRAP alert 300px left>
-=== Upozornění ===  +=== Upozornění ===
 %%<WRAP alert></WRAP>%% %%<WRAP alert></WRAP>%%
 </WRAP> </WRAP>
  
- +<WRAP help 300px left>
-<WRAP round help 300px left>+
 === Nápověda === === Nápověda ===
-%%<WRAP round help></WRAP>%%+%%<WRAP help></WRAP>%%
 </WRAP> </WRAP>
- 
  
 <WRAP download 300px left> <WRAP download 300px left>
-=== Ke stažení ===+=== Stažení ===
 %%<WRAP download></WRAP>%% %%<WRAP download></WRAP>%%
 </WRAP> </WRAP>
- 
  
 <WRAP todo 300px left> <WRAP todo 300px left>
Řádek 232: Řádek 223:
 %%<WRAP todo></WRAP>%% %%<WRAP todo></WRAP>%%
 </WRAP> </WRAP>
- 
  
 <WRAP clear /> <WRAP clear />
  
- +=== Bezpečnostní poznámky ===
-**Bezpečnostní poznámky:**+
  
 V bezpečnostních poznámkách doporučujeme používat pouze jednoduché formátování. V bezpečnostních poznámkách doporučujeme používat pouze jednoduché formátování.
Řádek 252: Řádek 241:
  
 <WRAP caution 30% left> <WRAP caution 30% left>
-=== Opatrnost ===+=== Výstraha ===
 %%<WRAP caution></WRAP>%% %%<WRAP caution></WRAP>%%
 </WRAP> </WRAP>
  
-<WRAP round notice 30% left> +<WRAP notice 30% left> 
-=== Poznámka ===   +=== Oznámení ===   
-%%<WRAP round notice></WRAP>%%+%%<WRAP notice></WRAP>%%
 </WRAP> </WRAP>
  
-<WRAP round safety 30% left>+<WRAP safety 30% left>
 === Bezpečnost ===   === Bezpečnost ===  
-%%<WRAP round safety></WRAP>%%+%%<WRAP safety></WRAP>%%
 </WRAP> </WRAP>
  
 <WRAP clear /> <WRAP clear />
  
 +Poznámky a boxy lze použít i uvnitř textu pomocí prvků typu span:\\
 +<wrap info>info</wrap>, <wrap help>nápověda</wrap>, <wrap alert>upozornění</wrap>, <wrap important>důležité</wrap>, <wrap tip>tip</wrap>, <wrap download>stažení</wrap>, <wrap todo>úkol</wrap>, <wrap round box>zaoblený box</wrap>, <wrap danger>nebezpečí</wrap>, <wrap warning>varování</wrap>, <wrap caution>výstraha</wrap>, <wrap notice>oznámení</wrap>, <wrap safety>bezpečnost</wrap>
  
-Poznámky a boxy lze použít i uvnitř textu pomocí prvků typu span: +  <wrap info>info</wrap>, <wrap help>nápověda</wrap>, atd.
-<wrap info>info</wrap>, <wrap help>nápověda</wrap>, <wrap alert>upozornění</wrap>, <wrap important>důležité</wrap>, <wrap tip>tip</wrap>, <wrap download>ke stažení</wrap>, <wrap todo>úkol</wrap>, <wrap round box>zaoblený box</wrap>, <wrap danger>nebezpečí</wrap>, <wrap warning>varování</wrap>, <wrap caution>opatrnost</wrap>, <wrap notice>poznámka</wrap>, <wrap safety>bezpečnost</wrap>   +
-  <wrap info>info</wrap>, <wrap help>nápověda</wrap>, …+
  
 ==== Zvýraznění textu (Marks) ==== ==== Zvýraznění textu (Marks) ====
Řádek 312: Řádek 301:
  
 <WRAP tablewidth 80%> <WRAP tablewidth 80%>
-^ Tabulka  ^ má     ^ +^ Tabulka ^ má   ^ 
-| 80%      | šířku  |+| šířku   | 80 % |
 </WRAP> </WRAP>
  
   <WRAP tablewidth 80%>   <WRAP tablewidth 80%>
-  ^ Tabulka  ^ má     ^ +  ^ Tabulka ^ má   ^ 
-  | 80%      | šířku  |+  | šířku   | 80 % |
   </WRAP>   </WRAP>
  
Řádek 403: Řádek 392:
  
 <WRAP box 350px right :cs> <WRAP box 350px right :cs>
 +
 === Vnější box plovoucí vpravo === === Vnější box plovoucí vpravo ===
  
Řádek 418: Řádek 408:
  
 </WRAP> </WRAP>
- 
  
 <code> <code>
Řádek 439: Řádek 428:
 </code> </code>
  
 +<wrap #nazevkotvy />
 +
 +==== Kotva ====
 +
 +Kotva umožňuje definovat konkrétní místo na stránce, na které lze odkazovat.
 +
 +K definování kotvy použijte následující syntaxi:
 +
 +  <wrap #nazevkotvy />
 +
 +Na kotvu lze odkazovat pomocí: #nazevkotvy\\
 +Vyzkoušejte: [[#nazevkotvy]]
  
 ==== Jazyk a směr textu ==== ==== Jazyk a směr textu ====
Řádek 457: Řádek 458:
 (Pokud zadáte jazyk, který není v seznamu, nebude mít žádný účinek.) (Pokud zadáte jazyk, který není v seznamu, nebude mít žádný účinek.)
  
- --- //Překlad ✿ [[martinr@post.cz|MartinR]] 2025-07-24 21:53//+ --- //Překlad ✿ [[https://dokuwiki.martinr.cz|MartinR]] 2026-02-03 19:19//
wiki/syntaxe-wrap.txt • Poslední změna: • Autor: MartinR
Pokud není uvedeno jinak, je obsah této wiki dostupný pod licencí:
CC-BY-SA • Uveďte původ - Zachovejte licenci 4.0 Mezinárodní
CC-BY-SA • Uveďte původ - Zachovejte licenci 4.0 Mezinárodní Darovat Běží na PHP Validátor HTML5 Validátor CSS Běží na DokuWiki

Našli jste na stránce chybu, nebo překlep?
Budu vděčný za upozornění.
Děkuji

Nahoru

Global DokuWiki Links