Místo pro zvědavé medvědy

Search

Tlačítka

tlacitka-button-elementor-bear-hugs-webdesign-html

Tlačítka | Elementor | 2025 Tlačítka ve webdesignu slouží jako klíčové interaktivní prvky, které uživatele vedou k provádění akcí, jako je odeslání formuláře, nákup produktu nebo přechod na jinou stránku. Jejich design by měl být funkční, intuitivní a vizuálně přitažlivý, aby okamžitě přitahoval pozornost a motivoval k akci. Pestrost tlačítek, například různorodé barvy, tvary, animace […]

Widget – teplota a počasí měst

widget-teplota-ve-meste-elementor-bear-hugs-webdesign-html

Widget teplota | Elementor | 2025 Widget je malý interaktivní prvek nebo modul na webové stránce, který slouží k zobrazení specifických informací, nebo funkcí. V našem případě se bude jednat o jednoduchý modul, do kterého zadáte jakékoli město na světě a pomocí vloženého API klíče se nám zobrazí teplota v daném místě. Abychom měli ještě Widget […]

Šifrování textu

alan-kabes-webdesign-bear-hugs-tipy-a-triky-wordpress-jak-na-spam

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

css-3-pro-bear-hugs-webdesign-tvorba-webu

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

css-3-pro-bear-hugs-webdesign-tvorba-webu

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í

css-3-pro-bear-hugs-webdesign-tvorba-webu

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

css-3-pro-bear-hugs-webdesign-tvorba-webu

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

Jak na konec řádku v HTML

html-5-pro-bear-hugs-webdesign-tvorba-webu

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

Nadpisy v HTML

html-5-pro-bear-hugs-webdesign-tvorba-webu

NADPISY v html Nadpisy (Heading Elements) v HTML jsou používány k definování struktury a hierarchie obsahu na webových stránkách. V HTML existuje šest úrovní nadpisů, od H1 až do H6, kde H1 je nejvýznamnější a H6 je nejméně významný. Zde je kompletní informace o nadpisech v HTML: H1 (Nadpis první úrovně): Nejsilnější nadpis na stránce. […]

Sruktura HTML

html-5-pro-bear-hugs-webdesign-tvorba-webu

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