Sruktura HTML
V TÉTO CHVÍLI SE NA ČLÁNKU PRACUJE, DĚKUJI ZA POCHOPENÍ (24/04/2024) Struktura HTML V HTML takzvaně „tagujeme“, tedy používáme značky, kterými jsou právě tzv. Tagy. HTML soubor je ve své podstatě prostý text, který uzavřeme do tagů a tím jim dáme funkci. Tagy určují, jak bude text následně vypadat. Tyto Tagy je nutné uzavřít do […]
Embed HTML
Embed | Elementor | 2024 Pokud bychom použili slovník, tak se „embed“ může přeložit jako „pevně vsadit do, upevnit, vložit“. Embed je v tagování starší forma objektu. Ale nám zde poslouží na vložení určité stránky do stránky například s vaším projektem. Toto můžete použít napříkald v případě, že potřebujete na své stránky umístiti typ souboru, […]
Prostředí WordPress
Seznámení s prostředím | WordPress | 2024 Prostředí WordPress je uživatelsky přívětivé. Většina funkcí je standardně umístěna v levém postranním panelu, a téměř vždy je pod hlavní funkcí rozbalovací nabídka s dalšími možnostmi v nastavení. Na této stránce se seznámíme se všemi základními pojmy a vyberu to nejpodstatnější při práci s WP. Vysvětlíme si základní funkce a […]
Element Anchor point
Anchor | Elementor | 2024 Odkaz na Anchor point – tzv. Kotevní bod je element, který po aplikaci na kterékoli místo na Vašem webu umí pomocí například „Tlačítka“ otevřít přesně to umístění, které v odkazu použijete. Jednodušeji řečeno pomocí této funkce se dostanete z bodu „A“ do bodu „B“. Anchor je v Elementoru základním prvkem, který […]
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í, […]
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 […]
Powered and Hosted by Bear Hugs s.r.o.
