Text s vlnkou
Animovaný HTML nadpis: jak funguje a proč je to elegantní řešení Na této stránce je použitý vlastní animovaný nadpis vytvořený pomocí kombinace HTML a CSS, bez potřeby JavaScriptu. Výsledkem je čistý, lehký a vizuálně zajímavý efekt, při kterém se jednotlivá písmena nadpisu postupně objevují odspodu nahoru. Celý text tak působí živě, moderně a přitom nerušivě. […]
Generátor hesel
Jednoduchý a volitelný – generátor přístupových hesel Bezpečné heslo dnes není jen doporučení, ale základní nutnost. Každý den používáme desítky online služeb – e-mail, sociální sítě, bankovnictví, firemní systémy, e-shopy nebo cloudová úložiště. Přesto se stále setkáváme s hesly typu 123456, heslo, qwerty nebo opakovaným použitím jednoho a téhož hesla na více místech. Právě to […]
Běžící text v horní části obrazovky
Jedním z mnoha způsobů, jak udělat stránku zajímavou, je například v horní části obrazovky vytvořit běžící poutavý text, kterým například podpoříte prodej, nebo nabídku vašeho produktu. Kód níže Vám popíše jeden z mnoha způsobů, jak tento pruh v horní části vytvořit, a i nastavit podle Vašich představ. Další úpravy a nastavení již nechám na Vaší fantazii. Výsledek kódu […]
Šifrování textu
Textový generátor HTML entit Tento generátor je navržen tak, aby efektivně šifroval text na HTML entity, čímž zajišťuje bezpečné zobrazení citlivých informací, jako jsou telefonní čísla a e-mailové adresy, na webových stránkách. Hlavní výhody jeho použití zahrnují: Ochrana proti spamu: Při uvádění kontaktních informací přímo na webových stránkách jsou tyto údaje náchylné k automatickému sběru […]
Tlačítko s neonovým efektem
Podud se chcete odlišit, je tlačítko je vždy to, co k tomu pomůže. Neonová záře, nepravidelné blikání a stín od tlačítka je dost výrazný prvek. Nejlépe však vypadá na hodně tmavém, nebo jako v tomto našem případě, na černém pozadí – background: black na řádku 29. Můžete si podle popisků přímo v kódu změnit téměř […]
Animace nadpisu s glow efektem
V tomto návodu si ukážeme, jak se objeví nápis, který má za nadpisem a okolo písmen Glow Effekt, z anglického glow – záře. Pokud budete mít v úmyslu vytvořit tuto animaci, je potřeba si nastavit základní barvu písma shodnou s pozadím. V tomto konkrétním případě je to v CSS kódu řádek 21 a barva pozadí […]
Změny barev na pozadí
Velmi jednoduchým zpestřením stránek je změna barvy na pozadí stránky. Samozřejmě je to možné vytvořit i pomocí „slideshow“ přímo v elementu, ale kód bude méně zatěžovat načítání stránek a je to také i méně pracné. Přičemž zůstává možnost pestrosti nastavení. Je možné použít několik způsobů, my si zde ukážeme asi ten nejjednodušší. Návod opět je […]
Animace nadpisu vlnkou
V případě, že potřebujete nějak zvýraznit nadpis animací, zde je jednoduchý návod, jak si upravit element HTML v Elementoru. Návod je praktikovatelný i na jiné programy, protože se skládá jak z HTML, tak ze stylování pomocí CSS. Tedy nejste omezeni jen na Elementor, ale můžete jej použít přimo do Vašeho programovaného projektu, anebo například ve […]
Objekt s rotací
Objekt s rotací I tady si při kopírování a vložení do elementu „Zkrácený kód“ můžete udělat ještě několik základních úprav. Postupujte prosím takto: řádek 3 a 4 nabízí úpravu proporcí objektu, řádek 5 definuje sílu a barvu okraje objektu, řádek 6 je nastaven bez pozadí, protože takto se objekt tváří, jako by se vznášel, a […]
Animace nadpisu s kurzorem
Animace nadpisu s kurzorem Pokud si chcete vložit tento kód do Vašeho projektu, musíme si ještě upřesnit několik detailů. Při kopírování a vložení do „custom CSS“ je možné udělat ještě několik základních úprav. Postupujte prosím takto: Vytvořte Nadpis v Elementoru podle vlastních potřeb, určete důležitost nadpisu v HTML (H1, H2, H3…). Nastavte si atributy zarovnání, […]
