Den: 24. 8. 2023

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í, […]

Změna barvy v nadpisu

Změna barvy v nadpisu Zajímavou animací, která může působit elegantně je změna barvy nadpisu. Kód níže vám stím může pomoci. Atributy písma si nastavíte v elementu „Nadpis“. Takže font, velikost, zarovnání a pokud se nám, jako v tomto případě jedná o nadpis nejvyšší úrovně, nastavíme HTML Značku na H1. Řádek 1) Nastavení úrovně nadpisu (musí […]

Jednoduché odkazy

Jednoduché odkazy Poměrně banální záležitost, na kterou se někdy zapomíná. Níže jsou popsány základní odkazy, které použijete například v patičce vašich webových stránek. Pojdme si je připomenout. Odkaz na naše stránky www.bearhugs.cz. Řádek 4) Název, resp. nadpis odkazu Řádek 5) Úprava zdroje písma na „Roboto Light„ Řádky 10-12) Specifikují jak má být písko veliké, jakou […]

Pohyb obrázku – jednoduchý

Pohyb obrázku – jednoduchý Jednoduchou animaci objektu vytvoříte přidáním kódu níže. V kódu je vytvořená animace pohybu zleva doprava v plné šíři zobrazení. Co si můžete lehce upravit? Například délku animace v řádku 3) „animation„ Dále pak je možné upravit rozsah animace z levé, popřípadě z pravé strany. Zde vidíte výsledek kódu selector img { […]

Objekt v pohybu + změna barvy

Objekt v pohybu + změna barvy Pokud máte v úmyslu přidat na stránky objekty v pohybu, tak k tomu můžete použít kód níže. Výsledek je buď tento, kde například šířka objektu je 150px a výška 3px – v kódu řádek 12. až 14. pod: width: 150px; height: 5px;. A co se animace týče, můžete upravit […]