Místo pro zvědavé medvědy

Search
bear-hugs-alan-kabes-webdesign

Jak na konec řádku v HTML

Jak na KONEC ŘÁDKU v html V HTML nelze používat běžně znak konce řádku, jak je to v jiných textových editorech nebo programovacích jazycích. Namísto toho se veškerý obsah píše do jednoho spojitého bloku. Pokud chcete vytvořit nový řádek, použijete pro to HTML elementy, které říkají prohlížeči, jak má interpretovat váš obsah. Zde jsou dva […]

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

bear-hugs-tvorba-webovych-stranek-elementor-css-kody-co-pomahaji

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

bear-hugs-tvorba-webovych-stranek-elementor-css-kody-co-pomahaji

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

bear-hugs-tvorba-webovych-stranek-elementor-css-kody-co-pomahaji

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ý

bear-hugs-tvorba-webovych-stranek-elementor-css-kody-co-pomahaji

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 TIP! – […]

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

Dynamické tagy

dynamicke-tagy-elementor-bear-hugs-webdesign

Dynamické tagy | Elementor   Dynamické tagy se používají ke vkládání přizpůsobených dat na základě různých zdrojů. Elementor Pro Vám například umožňuje přidávat dynamická data na základě parametrů stránky a webu, což zahrnuje data jako; název příspěvku, úryvek příspěvku, informace o autorovi, název webu, logo webu a mnoho dalšího. Vývojáři doplňků mohou vytvářet širokou škálu […]

Rozměry

rozmery-objektu-elementor-bear-hugs-webdesign

Rozměry | Elementor Rozměr je v kontextu webového designu a vývoje jedna ze základních vlastností prvků na webových stránkách. Označuje konkrétní velikost nebo vzdálenost prvků vůči jiným prvkům nebo vůči okolnímu prostoru. Rozměr může být definován v různých jednotkách měření, jako jsou například pixely, procenta, EM nebo REM, a má vliv na vizuální vzhled a […]