Nebojte se krátkých kódu – 7. tlačítka

Tlačítka v nabídce bloků

Tlačítka můžete tvořit i v nabídce bloků. Není to žádná sláva, ale je to poměrně snadný způsob, jak rychle řešit „výrobu tlačítek“. Hlavním nedostatkem těchto tlačítek je jejích robustnost a nevyzpytatelné chování na malých zařízeních (mobily). Minimální velikost je 25% zobrazované plochy. Tlačítko 1 má nastavenou šířku 50%, ostatní těch 25%. Předkládám některé náhodně vytvořená tlačítka. Všechna tlačítka „otevírají“ stejnou stránku věnovanou tématice tlačítek v krátkých kódech:

Tlačítka pomocí krátkých kódů

Jak postupovat? Jako u jiných krátkých kódů: V nabídce bloků zvolte [ / ] a dál postupujte podle návodu v   Úvod. V nabídce krátkých kódu zvolte Tlačítko a vyplňte dotazník:

Odkaz: URL adresa odkazu

Cíl | targent : Otevřít V nové tabulce („blank“) / stejné tabulce (self“)

Styl: Style: Výchozí Style: Plochý Styl: Duch Styl: Měkký Styl: Sklo Styl: Bubliny Styl: Šum Styl: Tupovaný štětcem Styl: 3d

Barva pozadí tlačítka: Klikněte na barvu a v nabídce ji můžete změnit.

Barva textu v tlačítku: Klikněte na barvu a v nabídce ji můžete změnit.

Velikost: možno zvolit od jedné Velikost 1 do velikosti 20 Velikost 20

Proměnlivé: ANO / NE? Když ANO, bude tlačítko přes celou šířku: Celá šířka

Centrováno: ANO / NE? Když ano, tlačítko je centrováno na stránce

Úhel: Velikost zaoblení rohů tlačítka AutomatickyOdvisí od velikosti tlačítka Zaoblený Hranatý 5px 10px 20px

Ikonka: ikonku tlačítka můžete zvolit vlastní ( klikněte na „Správce médií“), velikost zvoleného obrázku se přizpůsobí velikosti tlačítka, ale nelze měnit barvy Vlastní ikonka. Nebo klikněte na „Výběr ikony“ a vybírejte ze široké nabídky.

Barva ikony: Klikněte na barvu a upravte dle potřeby. Tato barva bude aplikována na vybranou ikonu. Nebude fungovat na ikony vybrané ve vaší knihovně médií.

Stín textu: bohužel s tím jsem se nezabýval.

Popis: Drobný popis pod textem tlačítka. Popis pod tímto textemPopis pod textem tlačítka.

Stáhnout: Atribut download určuje, že URL adresa tlačítka bude stažena po kliknutí uživatele na tlačítko. Hodnota atributu bude název staženého souboru.

Při kliknutí: Pokročilý javaskriptový kód pro onClick. Zatím jsem se tím nezabýval.

Stejně tak jsem nevyužil Atribut rel. | Atribut názvu | ID tlačítka | Speciální CSS třída.

Tučné písmo textu tlačítka: ANO /NE