Nebojte se krátkých kódu – 5. spoilery

Tento krátký kód umožňuje vytvářet bloky se skrytým obsahem – spoilery (přepínače). Skrytý obsah se zobrazí po kliknutí na název bloku. Pro každý spoiler můžete zadat různé ikony nebo dokonce použít různé styly.

Vytvářet spoilery pomocí krátkých kódu doporučuji těm pokročilejším, protože už si nevystačíme jen s obvyklým dotazníkem, protože musíme upravovat hodnoty až ve zkráceném zápisu. Vyžaduje to někdy i elementární znalosti HTML. Pro ilustraci, malá ukázka:

Prázdný spoiler:

Název spoileru
Skrytý obsah

Několik příkladů:

Prostý text
Tady jsem vložil prostý text z úvodu:Tento krátký kód umožňuje vytvářet bloky se skrytým obsahem – spoilery (přepínače). Skrytý obsah se zobrazí po kliknutí na název bloku. Pro každý spoiler můžete zadat různé ikony nebo dokonce použít různé styly.
Obrázek pomocí krátkého kódu
Obrázek jsem vložil pomocí krátkého kódu Galerie
Příklad barevného boxu s nápisem
Zkouška
Tento barevný box jsem vložil pomocí krátkého kódu pro Box

A takhle vypadají zápisy. Změny oproti prázdnému spoileru jsem zvýraznil tučně a kurzívou :

Prázdný spoiler:
[su_spoiler title="Název spoileru" open="no" style="default" icon="plus" anchor="" anchor_in_url="no" class=""]Skrytý obsah[/su_spoiler]

Několik příkladů:

[su_spoiler title="Prostý text" open="no" style="default" icon="plus" anchor="" anchor_in_url="no" class=""] Tady jsem vložil prostý text z úvodu:Tento krátký kód umožňuje vytvářet bloky se skrytým obsahem - spoilery (přepínače).  Skrytý obsah se zobrazí po kliknutí na název bloku. Pro každý spoiler můžete zadat různé ikony nebo dokonce použít různé styly.[/su_spoiler]

[su_spoiler title="Obrázek pomocí krátkého kódu" open="no" style="default" icon="arrow-circle-1" anchor="" anchor_in_url="no" class=""]Obrázek jsem vložil pomocí krátkého kódu Galerie[su_custom_gallery source="media: 4943" link="lightbox" width="470" height="400" align="center"] [/su_spoiler]

[su_spoiler title="Příklad barevného boxu s nápisem" open="no" style="default" icon="folder-1" anchor="" anchor_in_url="no" class=""][su_box title="Zkouška" style="glass"]Tento barevný box jsem vložil pomocí krátkého kódu pro Box[/su_box][/su_spoiler]

Proto doporučuji využívat i spoilery definované v nabídce bloků, kde se to jmenuje Podrobnosti. Nemá to sice rozsáhlou nabídku ikon spoileru (jen trojúhelník), ale kdo se naučí pracovat s bloky, je pro něj práce jednodušší:

Zdávám text

Tady jsem vložil blok odstavce, prostý text

Tady jsem pomocí nabídky bloků vložil obrázek

To je ten vložený obrázek:

Komentáře

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *