# www.bearhugs.space

> Bear's universe


## Posts

- [Animace složky s odkazy](https://bearhugs.space/animace-slozky-s-odkazy/): Animované ikony složek a dokumentů jsou jednoduchým způsobem, jak oživit běžné odkazy na webu. Místo klasického textového odkazu může návštěvník vidět čistou SVG ikonu, která se při najetí myší plynule vyplní barvou a současně změní doprovodný text na akční výzvu. Toto řešení je vhodné pro odkazy na dokumenty, provozní řády, faktury, certifikáty, archiv, úložiště nebo interní sekce webu. Funguje bez externích pluginů, je lehké, rychlé a dobře použitelné i v Elementor PRO. Díky samostatným CSS třídám lze na jedné stránce použít více sad ikon, aniž by se jejich styly navzájem ovlivňovaly. U všech důležitých funkcí jsou popisky mezi lomítky, které při […]
- [Zobrazení IP adresy](https://bearhugs.space/zobrazeni-ip-adresy/): Generátor / zobrazení IP adresy pro web v Elementoru Tento widget slouží k automatickému zobrazení veřejné IP adresy návštěvníka přímo na stránce. Po načtení stránky se v bloku zobrazí text „Vaše IP adresa:“ a vedle něj aktuální IP adresa uživatele. Celé řešení je navržené pro vložení do HTML widgetu v Elementor Pro, přičemž stylování je oddělené v samostatném CSS, takže lze snadno upravovat vzhled bez zásahu do samotné funkce. Výhodou tohoto řešení je jednoduchost a přehlednost. Návštěvník ihned vidí svou IP adresu bez nutnosti otevírat systémová nastavení nebo externí služby. Widget se tak hodí například pro technické blogy, návody, stránky zaměřené […]
- [Text s vlnkou](https://bearhugs.space/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ě. Tento princip je vhodný všude tam, kde má nadpis zaujmout návštěvníka hned při načtení sekce, ale zároveň nemá působit agresivně nebo přehnaně efektně. Hodí se proto zejména pro firemní prezentace, přehledy služeb, portfolio, projektové sekce nebo úvodní bannery. Prvoplánovitě jsem tento efekt nadpisu chtěl vložit, a […]
- [Generátor hesel](https://bearhugs.space/generator-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 je jeden z nejčastějších důvodů úniků účtů a zneužití osobních dat. Tento jednoduchý a zároveň plně volitelný generátor přístupových hesel vznikl s cílem nabídnout uživatelům nástroj, který je snadno pochopitelný, rychlý na použití a přitom respektuje základní zásady moderní kybernetické bezpečnosti. Proč je silné heslo tak […]
- [HTML obrázky - vizuální obsah na webu](https://bearhugs.space/html-obrazky-vizualni-obsah-na-webu/): HTML obrázky a ilustrace Vizuální obsah na webu Jak na obrázky v HTML! Vkládání obrázků ve struktuře HTML a především jak do vašich webových stránek vkládat obrázky. Vizuální obsah hraje klíčovou roli v uživatelském zážitku, pomáhá předávat informace, zlepšuje estetiku a činí stránky poutavějšími. Element <img> je nejčastějším nástrojem pro oživení webu fotografiemi, ilustracemi a dalšími grafickými prvky. Nyní si podrobně rozebereme element <img>, jeho povinné a volitelné atributy a osvědčené postupy pro jejich efektivní použití. Obrázky: Element <img src="..."> Element <img> se používá k vložení obrázku do HTML dokumentu. Je to tzv. prázdný element (void element), což znamená, že nemá […]
- [HTML odkazy - páteř webu a navigace](https://bearhugs.space/html-odkazy-pater-webu-a-navigace/): HTML odkazy Páteř webu a navigace Popíšeme si jeden z nejdůležitějších elementů celého webu: odkazy. Odkazy, neboli možná lépe hypertextové odkazy, jsou tím, co dělá web „webem“ – umožňují nám procházet mezi dokumenty, stránkami a dokonce i různými částmi téže stránky. Bez odkazů by internet byl jen soubor izolovaných dokumentů. Pochopení, jak efektivně vytvářet a používat HTML odkazy, je klíčové pro každého, kdo chce budovat použitelné a přístupné webové stránky. Tedy si podrobně rozebereme element <a>, jeho atributy a různé způsoby použití.   Odkazy: Element <a href="..."> ... </a> Element <a> (anchor) je základním kamenem webu, protože umožňuje vytvářet hypertextové odkazy. […]
- [Základy HTML - struktura webové stránky](https://bearhugs.space/zaklady-html-struktura-webove-stranky/): Základy HTML Podrobný průvodce strukturou a sémantikou webových stránek Každá stránka, kterou vidíte online, je postavena na základech HTML (HyperText Markup Language). HTML je stavebním kamenem internetu, jazykem, který prohlížečům říká, jak mají zobrazit obsah – od textu a obrázků po interaktivní prvky. Pochopení základních HTML tagů a jejich funkce je klíčové pro každého, kdo se chce ponořit do tvorby webu, anebo jen lépe rozumět tomu, jak web funguje. Pojďme se podívat na klíčové elementy, které tvoří strukturu každé webové stránky a jak s nimi pracovat. SOUHRN DOKUMENTU a Základní HTML elementy HTML je univerzální značkovací jazyk webu. HTML vám umožňuje […]
- [Běžící text v horní části obrazovky](https://bearhugs.space/bezici-text-v-horni-casti-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 je v horní části obrazovky Připravený HTML kód pro nadpis Tento text se posouvá zprava doleva. Může obsahovat důležité oznámení nebo novinku. Tento text se posouvá zprava doleva. Může obsahovat důležité oznámení nebo novinku. Zde je ještě připravený HTML s textem. Tento text si upravte podle […]
- [Tlačítka](https://bearhugs.space/tlacitka/): 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 či velikosti, je důležitá, protože umožňuje jasně rozlišit jejich význam a hierarchii. Pestrá tlačítka zároveň zvyšují přístupnost a atraktivitu webu, čímž zajišťují lepší uživatelský zážitek a snadnější navigaci. Důležité však je, aby tato pestrost nepůsobila rušivě a byla sladěna s celkovým stylem webu. Tlačítka pro Vaše […]
- [Widget - teplota a počasí měst](https://bearhugs.space/widget-teplota-mest/): 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 o něco zajímavější, můžeme si zvolit mezí dvěma hodnotami měření: Stupně Fahrenheita: Jednotka teploty, kde bod mrazu vody je 32 °F a bod varu 212 °F za normálního atmosférického tlaku, používaná především v USA.  anebo Stupně Celsia: Jednotka teploty, kde bod mrazu vody je 0 °C […]
- [Šifrování textu](https://bearhugs.space/sifrovani-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 boty a spamovými roboty. Šifrováním textu do HTML entit se výrazně snižuje riziko získání těchto informací třetími stranami. Zvýšená bezpečnost: Zabezpečením citlivých informací prostřednictvím generátoru se chrání soukromí uživatelů a snižuje se pravděpodobnost zneužití těchto údajů. Jednoduché použití: Generátor je uživatelsky přívětivý a intuitivní, což umožňuje […]
- [Tlačítko s neonovým efektem](https://bearhugs.space/tlacitko-s-neonovym-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ěř vše a dovolil jsem si připravit hned tři verze, pro případ, ža byste si chtěli umístit tři různé odkazy na jedné stránce. Proto je nutné nastavit správně CSS ID od označení „neon01“ až po „neon03“. Opět zde je nekonečné množství kombinací, a je to opět jen […]
- [Animace nadpisu s glow efektem](https://bearhugs.space/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í je na této stránce #4A5A64. Opět zde je nekonečné množství kombinací, a je to opět jen na Vašich potřebách. Kódy je možné použít i na jiné redakční systémy. Tedy nejste omezeni jen na Elementor, ale můžete jej použít přímo do Vašeho programovaného projektu, anebo například ve […]
- [Změny barev na pozadí](https://bearhugs.space/zmeny-barev-na-pozadi/): 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 možné použít i na jiné redakční systémy. Vlastně je to jen stylování v CSS. Nejste omezeni jen na Elementor, ale můžete jej použít přímo do Vašeho programovaného projektu, anebo například ve WordPressu apod. Opět je možné u funkcí mezi značkami /* dělat různé úpravy a nastavení […]
- [Animace nadpisu vlnkou](https://bearhugs.space/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 WordPressu. Opět jsou u funkcí mezi /* možné úpravy dle Vašich potřeb*/, které následně doporučuji vymazat! 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 […]
- [Jak na konec řádku v HTML](https://bearhugs.space/jak-na-konec-radku-v-html-2/): 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 základní příklady: 1) Odstavec (<p>): Pro vytvoření nového řádku textu můžete použít odstavcový element. Každý <p> element značí začátek nového odstavce, který bude automaticky oddělen vertikálním prostorem. První řádek textu. Druhý řádek textu. Zápis kódem vypadá takto: První řádek textu. Druhý řádek textu. 2) Závěrečné lomítko […]
- [Nadpisy v HTML](https://bearhugs.space/nadpisy-v-html/): 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. Používá se pro hlavní nadpis stránky, který by měl výrazně identifikovat obsah. Měl by být použit pouze jednou na jedné stránce.   H2 (Nadpis druhé úrovně): Slouží pro sekundární nadpisy, které označují hlavní části obsahu na stránce. Může být použit vícekrát na stránce.   H3 (Nadpis […]
- [Sruktura HTML](https://bearhugs.space/sruktura-html/): 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 ostrých závorek, aby plnily svou funkci. Protože to, co není v závorkách se bude zobrazovat jako samostatný text. Jednoduše popsáno: <tag> náš text </tag> Z tohoto je zřejmé, že zde máme tzv. párové tagy. Kde značka na začátku <tag> určuje funkci a značka na konci </tag> funkci ukončuje. Základní párové Tagy jsou například: <head> obsah </head> hlavička. […]
- [Embed HTML](https://bearhugs.space/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, který například není běžně podporován, ale pomocí tohoto jednoduchého kódu se zobrazí. Element HTML Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Co je důležité, aby Vám zápis fungoval, jak si přejete, tak v řádku 8 si mezi uvozovky napište webové stránky, které potebujete vložit […]
- [Prostředí WordPress](https://bearhugs.space/prostredi-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 základní nastavení. Seznámení s přostředím Po přihlášení do WordPress se otevře záložka Nástěnka. Zde se nachází základní přehled o WordPressu. Levá boční lišta je cestou ke všem funkcím. Nástěnka – úvodní stránka s přehledem stavu WordPressu a webové prezentace. Příspěvky – zde si můžete vytvářet příspěvky […]
- [Element Anchor point](https://bearhugs.space/element-anchor-point-kotevni-bod/): 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ý vám umožňuje přidat název Kotevní nabídky (ID kotvy) na jakékoli místo na vašem webu. Uživatel klikne na odkaz kotvy a je přesměrován přímo do sekce prostřednictvím ID kotvy. Element Anchor point V boční nabídce pomocí lupy vyhledejte „Anchor menu“. Anchor point v Elementoru jednoduše používáme jako […]
- [Objekt s rotací](https://bearhugs.space/objekt-s-rotaci/): 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 proto se domnívám, že takto to vypadá nejlépe, řádek 8 nastavuje délku animace, čím více snížíte čas, tím se objekt bude otáčet rychleji, řádek 9 nastavují zaoblení hran v pixelech.   Pro větší přehled jsem Vám napsal i poznámky k ovládání přímo do kódu. Poznámky si […]
- [Animace nadpisu s kurzorem](https://bearhugs.space/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í, barvu a styl fontů. Dodržte jednořádkový nadpis. Zkopírujte kód, který je níže uveden. Doporučuji využít funkci, která se objeví při najetí myši v pravém horním roku na obrazovce „Copy“. Přejděte na záložku „Pokročilé“ a na úplném konci dole se nachází funkce pro úpravů zkácených kódů – […]
- [Změna barvy v nadpisu](https://bearhugs.space/zmena-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í být shodné s nastavením v elementu „Nadpis“) Řádek 2) Nastavuje délku animace změn barev Řádek 7) Nám určuje výchozí barvu Řádek 10) Nám ukazuje barvu, do které se má barevný přechod dostat v polovině animace (viz řádek 9, který je definován na 50%) Řádek 13) Je […]
- [Jednoduché odkazy](https://bearhugs.space/jednoduche-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 barvu použijeme, a nakonec odstaníme všechny aspekty vzhledu Řádek 16) Specifikuje akci při najetí myši Řádek 17) Nastavení podtržení Řádek 18) Upravuje barvu při najetí myši „hover„ Řádek 23) Zde zadáváme cíl, v našem případě webové stránky, ale je možné zde odkázat na jakýkoli jiný cíl. […]
- [Pohyb obrázku - jednoduchý](https://bearhugs.space/pohyb-obrazku-jednoduchy/): 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 { position: relative; animation: slide-in 30s infinite; } @keyframes slide-in { -0% { left: -100%; } 100% { left: 100%; } } TIP! – Kód pouze zkopírujte (nejlépe použitím aktivního odkazu vpravo nahoře s označením „Copy“) a vložte do objektu, na který jej chcete použít. V Elementoru […]
- [Objekt v pohybu + změna barvy](https://bearhugs.space/objekt-v-pohybu-zmena-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 délku pohybu pod „moveBack„, kde si určíte dobu pohybu mezi počátečním a konenčným bodem. A také je možné nastavit délku změny přechodu mezi barvami, a to pod „moveAndChangeColor„. Zde vidíte výsledek kódu Animace objektu Animace objektu TIP! – Kód pouze zkopírujte (nejlépe použitím aktivního odkazu vpravo […]
- [Dynamické tagy](https://bearhugs.space/dynamicke-tagy/): 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 dynamických tagů,  a dokonce mohou používat externí rozhraní API pro stahování dat do Elementoru. „Jak to funguje?“  Dynamické tagy interagují s ovládacími prvky rozšířením ovládacích funkcí. Proměňují statické ovládací prvky v chytré komponenty. Pomocí dynamických tagů mohou uživatelé využít dynamicky generovaná data na svých stránkách.  Dalo […]
- [Rozměry](https://bearhugs.space/rozmery/): Rozměry | Elementor | 2023 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 responzivní chování webových stránek v různých podmínkách a zařízeních. Správná volba rozměrů je důležitá pro dosažení optimálního vzhledu a použitelnosti webových stránek. V Elementoru se používají různé jednotky měření pro definování rozměrů prvků. Mezi nejčastěji používané patří: PX (pixel) – jednotka měření, která udává […]

## Pages

- [wall](https://bearhugs.space/wall/): 00Dny 00Hodiny 00Minuty 00Vteřiny 00Dny 00Hodiny 00Minuty 00Vteřiny 00Dny 00Hodiny 00Minuty 00Vteřiny 0.0000%
- [Button animated border](https://bearhugs.space/button-animated-border/): Výsledný vzhled tlačítko s pohyblivou tečkou Klikněte ID tlačítka: „animated-border-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML Klikněte Vzhled zápisu CSS /* Kontejner tlačítka */ /* Zarovnání tlačítka na střed */ .button-container { display: flex; /* Flexbox pro zarovnání */ justify-content: center; /* Horizontální zarovnání */ align-items: center; /* Vertikální zarovnání */ width: 100%; /* Šířka kontejneru […]
- [Button explosion](https://bearhugs.space/button-explosion/): Výsledný vzhled tlačítko s explozí Exploze! ID tlačítka: „explosion-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Exploze! Vzhled zápisu CSS /* Kontejner pro text */ /* Zajišťuje umístění textu na střed a základní styl */ .exploding-text-container { display: flex; /* Flexbox pro zarovnání obsahu */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: […]
- [Button moveup](https://bearhugs.space/button-moveup/): Výsledný vzhled tlačítko s posunutím Objevte ID tlačítka: „moveup-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML Objevte Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Flexbox pro snadné zarovnání */ justify-content: center; /* Horizontální zarovnání */ align-items: center; /* Vertikální zarovnání */ position: relative; /* Relativní pozice kontejneru */ width: 200px; height: 100px; […]
- [Button rotate](https://bearhugs.space/button-rotate/): Výsledný vzhled tlačítko s rotací Klikni zde ID tlačítka: „glowing-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML Klikni zde Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Flexbox pro zarovnání obsahu */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ width: 100%; /* Šířka kontejneru […]
- [Button split](https://bearhugs.space/button-split/): Výsledný vzhled tlačítko s rozdělením Klikněte zde dále… ID tlačítka: „split-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Klikněte zde dále... Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Uspořádání pomocí Flexboxu */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ width: […]
- [Button rainbow edge](https://bearhugs.space/button-rainbow-edge/): Výsledný vzhled tlačítka s duhovým okrajem Klikněte zde Vítejte! ID tlačítka: „rainbow-edge-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Klikněte zde Vítejte! Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Uspořádání pomocí Flexboxu */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ […]
- [Button flipping](https://bearhugs.space/button-flipping/): Výsledný vzhled tlačítko s otočením Klikněte zde Vítejte! ID tlačítka: „flipping-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Klikněte zde Vítejte! Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Uspořádání pomocí Flexboxu */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ width: […]
- [Button glowing](https://bearhugs.space/button-glowing/): Výsledný vzhled tlačítko se světelným efektem Klikněte zde ID tlačítka: „glowing-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Klikněte zde Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Uspořádání pomocí Flexboxu */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ width: 100%; […]
- [Button glow](https://bearhugs.space/button-glow/): Výsledný vzhled tlačítko se žáří Glow tlačítko ID tlačítka: „glow-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Glow tlačítko Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; position: relative; } /* Styl tlačítka */ .button { display: flex; justify-content: center; align-items: center; position: […]
- [Button fancy](https://bearhugs.space/button-fancy/): Výsledný vzhled tlačítka s otočením Klikněte zde ID tlačítka: „fancy-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Klikněte zde Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; position: relative; } /* Styl tlačítka */ .button { display: flex; /* Aktivace Flexboxu */ justify-content: […]
- [Button origin](https://bearhugs.space/button-origin/): Výsledný vzhled tlačítka s otočením Klikněte zde ID tlačítka: „origin-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML Klikněte zde Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; position: relative; } /* Styl tlačítka */ .button { position: relative; width: 200px; height: 60px; font-size: 18px; font-weight: bold; […]
- [Button particle explosion](https://bearhugs.space/button-particle-explosion/): Výsledný vzhled tlačítko s explozí Klikněte ID tlačítka: „particle-explosion-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Klikněte Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Flexbox pro snadné zarovnání */ justify-content: center; /* Horizontální zarovnání */ align-items: center; /* Vertikální zarovnání */ position: relative; /* Relativní pozice kontejneru */ width: […]
- [Button liquid](https://bearhugs.space/button-liquid/): Výsledný vzhled kapalného tlačítka Začněte ID tlačítka: „liquid-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML Začněte Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; /* Flexbox pro zarovnání */ justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ position: relative; /* Relativní pozice pro obsah uvnitř */ […]
- [Button magic](https://bearhugs.space/button-magic/): Výsledný vzhled tlačítka s rotací Vstoupit ID tlačítka: „magic-button“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML Vstoupit Vzhled zápisu CSS /* Kontejner tlačítka */ .button-container { display: flex; justify-content: center; /* Horizontální zarovnání na střed */ align-items: center; /* Vertikální zarovnání na střed */ position: relative; /* Relativní pozice pro obsah kontejneru */ width: 200px; /* Šířka […]
- [Buttons 2 interactive particles](https://bearhugs.space/buttons-2-interactive-particles/): Výsledný vzhled tlačítek s částicemi Tlačítko 1 Tlačítko 2 ID tlačítek: „interactive-particles-button-1“ & „interactive-particles-button-2“ Element HTML v Elementor PRO Pro vložení kódu použijeme v Elementoru jednoduše element „HTML“. Není to ovšem podmínkou, s kódem je možné pracovat i v běžném prostředí WordPressu. -info- Jako u všech kódů na stránkách www.bearhugs.space máte u většiny funkcí popisky s funkcemi, ty je dobré následně vymazat. Vzhled zápisu HTML a přidaný JavaScript Tlačítko 1 Tlačítko 2 Vzhled zápisu CSS /* Kontejner pro tlačítka */ .button-container { display: flex; justify-content: center; align-items: center; gap: 150px; /* Rozestup mezi tlačítky */ margin-top: 50px; } /* Styl tlačítek […]
- [TEST button](https://bearhugs.space/test-button/): Tento obsah je chráněn heslem. Chcete-li si jej prohlédnout, zadejte prosím níže uvedené heslo. Heslo:
- [země](https://bearhugs.space/zeme/): Tento obsah je chráněn heslem. Chcete-li si jej prohlédnout, zadejte prosím níže uvedené heslo. Heslo:
- [Šablona 08](https://bearhugs.space/sablona-08/)
- [Šablona 07 Studio](https://bearhugs.space/sablona-07-studio/): Váš_slogan… Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Zde Vložte Text Nadpisu This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor Click Here This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor Click Here This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor This is the heading Lorem […]
- [Šablona 07 Náš tým](https://bearhugs.space/sablona-07-nas-tym/): Váš_slogan… Lara Croft Kadeřnice Luke Cage Barber expert Bridget Johnson Make up artist Jean Mari Claude Kadeřnice Jiji Rainbow Nail specialista John James Rambo Pedikůra Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Zde Vložte Text Nadpisu This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor Click Here This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor This is the heading Lorem ipsum dolor sit amet […]
- [Šablona 07](https://bearhugs.space/sablona-07/): Váš_slogan… Nail studioS úpravou nehtů od našich profesionálů budete naprosto nepřehlédnutelnáDozvědět se více…KadeřnictvíNaše profesionální kadeřnice mají zkušenosti s nejmodernějšími střihyMám zájem…Make upNaše profesionální vyzážistka z Vás udělá neodolatelnou pro celé vaše okolíTo mě zajímá… Previous slide Next slide Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Zde Vložte Text Nadpisu This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor This is the heading Lorem ipsum dolor sit amet consectetur adipiscing elit dolor Click Here This is the heading Lorem ipsum dolor sit amet […]
- [Šablona 03 Portfolio](https://bearhugs.space/sablona-03-portfolio/): portfolio Ukázky mé práce Úvodem Rád bych vás pozval k nahlédnutí do mého portfolia, kde najdete výběr z těch nejlepších snímků, které jsem během své kariéry vytvořil. Každá fotografie v mém portfoliu je výsledkem pečlivé přípravy a snahy zachytit jedinečné okamžiky, které mají pro mé klienty hluboký význam. Najdete zde portréty, které zachycují osobnost a emoce, stejně jako dynamické firemní fotografie, které vyprávějí příběh značky. Součástí mé práce jsou také svatební reportáže plné radosti a dojetí, které dokumentují nezapomenutelné okamžiky novomanželů. Zvláštní místo zaujímají snímky Prahy a jejích krás, kde se moderní architektura prolíná s historickými památkami. Příroda, krajiny a městská […]
- [Šablona 03 Kontakt](https://bearhugs.space/sablona-03-kontakt/): kontakt Kde mě najdete? Adresa atelieru Jan Novák U kanonu 1Dx Spoušť PSČ 123 45 ***   Kontaktní formulář   fotograf s.r.o. Jan Novák Nádražní 123 Praha 20 PSČ 123 12 Telefon: 123456789 E-mail: jannovak@fotograf.com Objednávky můžete také zadávat přes formulář v sekci kontakt. Odkaz 0001 Odkaz 0002 Odkaz 0003 Odkaz 0005 Odkaz 0006 Odkaz 0001 Odkaz 0002 Odkaz 0003 Odkaz 0005 Odkaz 0006 Odkaz 0001 Odkaz 0002 Odkaz 0003 Odkaz 0005 Odkaz 0006 Envelope Facebook Instagram Youtube Pexels-logo-bear-hugs-tvorba-webovych-stranek-elementor-css-kody-co-pomahaji Pinterest Wordpress Powered and Hosted by Bear Hugs s.r.o.
- [Šablona 03 O mě](https://bearhugs.space/sablona-03-o-me/): o mě Já a fotografie Vítám vás na mé stránce! Jsem Jan Novák, profesionální fotograf s více než dvaceti lety zkušeností v oboru. Můj příběh začal v malém fotoateliéru na Malé Straně v Praze, kde jsem jako dítě sledoval, jak můj dědeček vytvářel kouzelné černobílé snímky. Díky jeho nadšení pro fotografii jsem i já našel vášeň v zachycování momentů a emocí. Tento ateliér, který založil můj dědeček před téměř 70 lety, je dnes jedním z mála míst v Praze, kde se historie snoubí s moderní technologií. Každý den si uvědomuji, jaké mám štěstí, že mohu pokračovat v této rodinné tradici. Dědečkovy […]
- [Šablona 03](https://bearhugs.space/sablona-03/): fotograf Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit […]
- [Šablona 02 Realizace](https://bearhugs.space/sablona-02-realizace/): Facebook Twitter Youtube INTERIEROVÝ DESIGN Realizace 2019 Designové realizace našeho studia z roku 2019. Tým profesionálů Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Přívětivé ceny Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Včasné dodání Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 2020 Designové realizace našeho studia z roku 2020. Tým profesionálů Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus […]
- [Šablona 02 nábytek](https://bearhugs.space/sablona-02-nabytek/): Facebook Twitter Youtube INTERIEROVÝ DESIGN Nábytek SKŘÍNĚ Skříň s šuplíky Dub a mahagon Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Objednat Skříň s šuplíky Dub a mahagon Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Objednat Skříň s šuplíky Dub a mahagon Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the […]
- [Šablona 02 o nás](https://bearhugs.space/sablona-02-o-nas/): Facebook Twitter Youtube INTERIEROVÝ DESIGN O nás Happy Member Name Happy Officer Happy Member Name Happy Officer Happy Member Name Happy Officer Happy Member Name Happy Officer NÁŠ TÝM NAŠE PRODEJNA NÁBYTEK s.r.o. Nádražní 123/85 Springfield 123 12 KDE NÁS NAJDETE? Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor […]
- [Šablona 05 Objednávky](https://bearhugs.space/sablona-05-objednavky/): Objednávkový formulář OBJEDNÁVKY Facebook Twitter Youtube DORTÍKY s.r.o. Jan Novák Nádražní 123 Praha 20 PSČ 123 12 PRODEJNA Za rohem 321 Praha 10 PSČ 321 21 Náš catering Nabídka slazených nápojů Naše sirupy Svatební dorty Svatební koordinátor Spolupracující firmy Objekty k pronájmu Fotograf Půjčovna stanů Naše květínářka Půjčovna vozů Dětské party Klaun na objednávku Atypické dorty pro dospělé Envelope Facebook Instagram Youtube Pexels-logo-bear-hugs-tvorba-webovych-stranek-elementor-css-kody-co-pomahaji Pinterest Wordpress Powered and Hosted by Bear Hugs s.r.o.
- [Šablona 05 O nás](https://bearhugs.space/sablona-05-o-nas/): O NÁS Firma Dortíky s.r.o. je rodinný podnik, který se specializuje na výrobu a prodej prvotřídních dortů, zákusků a zmrzliny. S dlouholetou tradicí a láskou k cukrářskému řemeslu jsme se stali oblíbeným místem pro všechny, kteří hledají sladké potěšení vyrobené z těch nejkvalitnějších surovin. Naše cukrářské výrobky jsou ručně vyráběné s maximální péčí a důrazem na detail, aby každé sousto bylo dokonalým zážitkem.   V naší výrobně vytváříme širokou škálu dortů, od klasických až po moderní a extravagantní kousky, které jsou ideální pro jakoukoliv příležitost – svatby, narozeniny, firemní akce nebo jen tak pro radost. Naši zkušení cukráři pracují s vášní […]
- [Šablona 05 Nabídka](https://bearhugs.space/sablona-05-nabidka/): NAŠE NABÍDKA Ve firmě Dortíky s.r.o. se zaměřujeme na vytváření širokého spektra cukrářských výrobků, které jsou nejen vizuálně atraktivní, ale i neodolatelně chutné. Naše nabídka zahrnuje tradiční i moderní sladkosti, které vycházejí z nejlepších cukrářských tradic a inovativních receptur. Mezi naše speciality patří nejen elegantní dorty na míru pro různé příležitosti, jako jsou svatby, narozeniny nebo firemní akce, ale také široká škála dezertů. Nabízíme čerstvé a lahodné koláče, nadýchané cupcakes, dekadentní brownies a jemné makronky v různých příchutích a stylech. Každý výrobek je pečlivě připraven z kvalitních surovin, které zajišťují vynikající chuť a texturu. Naše cukrářské výrobky jsou nejen sladké potěšení, […]
- [Šablona 05 Naše Fancy Dorty](https://bearhugs.space/sablona-05-nase-fancy-dorty/): FANCY DORTY Fancy dorty od Dortíky s.r.o. přinášejí na oslavy dotek luxusu a elegance. Každý dort je pečlivě navržen, aby oslnil nejen vzhledem, ale i vynikající chutí. Naše fancy dorty jsou umělecká díla, která kombinují sofistikované designy, jako jsou jemné květinové aranžmá, elegantní krajkové vzory nebo moderní geometrické tvary. Používáme pouze nejkvalitnější ingredience, včetně prémiového kakaa, vanilkových lusků a čerstvého ovoce, a nabízíme speciální náplně jako bílý čokoládový ganache nebo ručně vyráběné karamelky. Každý fancy dort je přizpůsoben vašim představám a potřebám, ať už plánujete svatební oslavu, výročí nebo jinou výjimečnou příležitost. Důraz klademe na precizní zpracování, což znamená hladké krémy, […]
- [Šablona 05 Naše Dětské Dorty](https://bearhugs.space/sablona-05-nase-detske-dorty/): DĚTSKÉ DORTY Dětské dorty od Dortíky s.r.o. jsou navrhovány tak, aby přinášely radost a nadšení nejen na pohled, ale i na chuť. Každý dort je unikátním dílem, které reflektuje dětskou představivost a sny. Vytváříme dorty na míru, které mohou být inspirovány oblíbenými pohádkovými postavami, superhrdiny, zvířátky, nebo jakýmkoliv jiným motivem, který si děti přejí. Naše dorty jsou pestrobarevné, plné detailních jedlých dekorací, a pečlivě zdobené tak, aby vystihly téma oslavence. Používáme jen kvalitní suroviny, abychom zajistili, že dorty nejsou jen krásné, ale i chutné. Můžete si vybrat z různých druhů těsta a krémů, ať už preferujete klasický vanilkový, čokoládový nebo třeba […]
- [Šablona 05 Naše Svatební Dorty](https://bearhugs.space/sablona-05-nase-svatebni-dorty/): SVATEBNÍ DORTY Svatební dort je symbolem radosti a sladkého začátku nového života. Ve firmě Dortíky s.r.o. se specializujeme na vytváření nádherných svatebních dortů, které nejen lahodí oku, ale i chutnají skvěle. Naše dorty jsou pečlivě připravené z kvalitních surovin a každý z nich je originálním uměleckým dílem. Nabízíme širokou škálu chutí, od klasické vanilky a čokolády až po moderní kombinace, které potěší vaše chuťové buňky. Důležitá je pro nás nejen chuť, ale i vzhled dortu. Proto nabízíme různé designové styly – od tradičních, elegantních až po moderní a kreativní dorty s detaily, jako jsou jedlé květiny, krajky nebo personalizované nápisy. Každý […]
- [Šablona 05 Kontakt](https://bearhugs.space/sablona-05-kontakt/): Objednávka KONTAKTY PRODEJNA: Veletržní 123, Praha 22, PSČ: 123 45 VÝROBNA: U nádraží 321, Praha 32, PSČ: 321 56 SÍDLO SPOLEČNOSTI: Kolmá 654, Prha 45, PSČ: 987 65 Facebook Twitter Youtube Kontaktní formulář DORTÍKY s.r.o. IČO: 123 45 789 DIČ: CZ12345789 Bankovní spojení: Lidová Záložna k.s., Pankrác, PSČ: 444 55 DORTÍKY s.r.o. Jan Novák Nádražní 123 Praha 20 PSČ 123 12 PRODEJNA Za rohem 321 Praha 10 PSČ 321 21 Náš catering Nabídka slazených nápojů Naše sirupy Svatební dorty Svatební koordinátor Spolupracující firmy Objekty k pronájmu Fotograf Půjčovna stanů Naše květínářka Půjčovna vozů Dětské party Klaun na objednávku Atypické dorty pro […]
- [Šablona 04 Nabídka](https://bearhugs.space/sablona-04-nabidka/): Tel. +420 111 222 333 e-mail: jan@pujcujeme.com PŮJČOVNA KARAVANŮ Facebook Twitter Youtube Snapchat Envelope Naše nabídka karavanů Výkon: 98 kW Klimatizace Kávovar Kuchyňka s vařičem Lednička Pohodlných míst pro spaní Velký úložný prostor Vlastní toaleta Domácí mazlíček povolen Položka seznamu #2 Položky seznamu #3 PŮJČUJEME s.r.o. Jan Novák Nádražní 123 Praha 20 PSČ 123 12 Napsali o nás Pojištění Ostatní služby Doporučujeme Co sebou Vlastní výbava Pro rybáře Pro horolezce Powered and Hosted by Bear Hugs s.r.o.
- [Šablona 01 fotogalerie](https://bearhugs.space/sablona-01-fotogalerie/): Tel. +420 111 222 333  e-mail: jan@kovotex.com KOVOTEX s.r.o. Facebook Twitter Youtube Fotogalerie Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus […]
- [Šablona 01 služby](https://bearhugs.space/sablona-01-sluzby/): Tel. +420 111 222 333  e-mail: jan@kovotex.com KOVOTEX s.r.o. Facebook Twitter Youtube Služby Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. OBRÁBĚNÍ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, […]
- [Šablona 01 o nas](https://bearhugs.space/sablona-01-o-nas/): Tel. +420 111 222 333  e-mail: jan@kovotex.com KOVOTEX s.r.o. Facebook Twitter Youtube O nás Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Náš příběh Společnost **Kovotex**, založená před 20 lety v roce 2004, začala jako malá rodinná firma s ambicí stát se jedním z předních hráčů na poli kovoobrábění v České republice. Zakladatel, pan Novák, byl zkušený kovoobráběč s více než třicetiletou praxí, který se rozhodl splnit si svůj sen a založit vlastní […]
- [Šablona 01 kontakt](https://bearhugs.space/sablona-01-kontakt/): Tel. +420 111 222 333  e-mail: jan@kovotex.com KOVOTEX s.r.o. Facebook Twitter Youtube Kontakty Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Náš tým John John Administrace & HR Fakturace, objednávky a nábor nových zaměstnanců Anna Nowak Sklad a expedice Řízení skladových zásob a dodávky zboží + e-shop Monica Belucci Vedoucí pobočky Váš partner pro všechny situace při provozu pobočky Brigite Johnson Marketing a sociální média Správce sociálních sítí, marketingový specialista John Wick Mistr […]
- [TEST 1](https://bearhugs.space/test-1/): Tento obsah je chráněn heslem. Chcete-li si jej prohlédnout, zadejte prosím níže uvedené heslo. Heslo:
- [TEST 2](https://bearhugs.space/test-2/): Tento obsah je chráněn heslem. Chcete-li si jej prohlédnout, zadejte prosím níže uvedené heslo. Heslo:
- [Šablona 06](https://bearhugs.space/sablona-06/): Coffee Kavárna Nabídka Animated Link Animated Link Facebook Twitter Youtube Powered and Hosted by Bear Hugs s.r.o. Coffee Zde vložte text nadpisu Zde vložte text nadpisu Zde vložte text nadpisu
- [Šablona 05](https://bearhugs.space/sablona-05/): DORTÍKY Z CELÉHO SVĚTA Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Facebook Twitter Youtube Objednávka DORTY 0 za minulý rok. ZÁKUSKY 0 prodaných za den. ZMRZLINA 0 litrů za léto. NÁPOJE 0 kusů za rok. Naše svatební dorty Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar […]
- [Šablona 04](https://bearhugs.space/sablona-04/): Tel. +420 111 222 333 e-mail: jan@pujcujeme.com PŮJČOVNA KARAVANŮ Facebook Twitter Youtube Snapchat Envelope Vzhůru za dobrodružstvím… URČÍTE SI CÍLOVOU OBLAST URČÍTE SI CÍLOVOU OBLAST Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. NÁPLÁNUJETE SI CESTU NÁPLÁNUJETE […]
- [Šablona 02](https://bearhugs.space/sablona-02/): Facebook Twitter Youtube INTERIEROVÝ DESIGN STOLY KŘESLA SOFA GAUČE RETRO CLASSIC Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar […]
- [TEST](https://bearhugs.space/test/): Tento obsah je chráněn heslem. Chcete-li si jej prohlédnout, zadejte prosím níže uvedené heslo. Heslo:
- [Prohlášení o ochraně osobních údajů (EU)](https://bearhugs.space/prohlaseni-o-ochrane-osobnich-udaju-eu/): [cmplz-document type=“privacy-statement“ region=“eu“]
- [Zásady cookies (EU)](https://bearhugs.space/zasady-cookies-eu/): [cmplz-document type=“cookie-statement“ region=“eu“]
- [HTML tipy](https://bearhugs.space/html-tipy/): HTML tagy co pomáhají Při tvorbě obsahu se dost často setkáváme s tím, že například potřebujeme v určitém místě zalomit řádek. Anebo například potřebujeme přidat větší písmo, tučné písmo, či změnit barvu. Zde najdete několik typů, jak dosáhnout nějakého cíle, aniž byste se museli učit kódovat. HTML tagy Widget – teplota měst Alan 06/01/2025 Šifrování textu Alan 11/10/2024 Jak na konec řádku v HTML Alan 24/04/2024 Nadpisy v HTML Alan 24/04/2024 Sruktura HTML Alan 22/04/2024 HTML tagy
- [Šablony](https://bearhugs.space/sablony/): U Bear Hugs se za šablony nikdy nic neplatí! Plánujete nové webové stránky? Připravili jsme pro vás několik návrhů vzhledu, které mohou posloužit jako inspirace pro váš nový web. Naše šablony jsou navržené jako lehké, přehledné a rychlé, aby se dobře načítaly na počítači, tabletu i mobilním telefonu. Šablony ve WordPressu slouží k určení vzhledu a základní struktury jednotlivých stránek. Pomáhají oddělit obsah od designu a usnadňují vytvoření jednotného vzhledu celého webu. Jsou tedy výchozím základem, ze kterého dále vycházíme při přizpůsobení webových stránek podle přání zákazníka. Celý proces se následně odvíjí především od obsahu, tedy od loga, obrázků, textů a […]
- [CSS úpravy](https://bearhugs.space/css-upravy/): CSS kódy co pomáhají Vzhledem k tomu, že nás někdy omezuje nastavení v Elementoru, popřípadě ve WordPressu, máme možnost si upravit nějaký element, nebo si přidat nějakou funkci, která v těchto nástrojích není. Zde je několik typů, jak si stránky odlišit od ostatních a být částečně výjimeční. U každého stylu, nebo úpravy máte jednoduchý návod, jak s ním pracovat, popřípadě i popsáno, jak si některé atributy poupravit. CSS doplňky Šifrování textu Alan 11/10/2024 Tlačítko s neonovým efektem Alan 22/06/2024 Animace nadpisu s glow efektem Alan 19/06/2024 Změny barev na pozadí Alan 18/06/2024 Animace nadpisu vlnkou Alan 01/06/2024 Objekt s rotací Alan 27/08/2023 […]
- [Woocommerce](https://bearhugs.space/woocommerce/): Woocommerce Návody co pomáhají WooCommerce je open-source platforma pro e-commerce, která umožňuje vytváření a správu online obchodů pomocí WordPressu. Můžete prodávat fyzické i digitální produkty, nabízet poukazy, kombinované produkty a mnoho dalšího. WooCommerce je v základní verzi bezplatný a i tak velmi flexibilní, což znamená, že se hodí pro různé typy e-shopů. Jeho rozšiřitelnost pomocí zůzných zásuvných modulů (pluginů) a kompatibilita s mnoha šablonami jsou další výhody. No Posts Found Seznámení s přostředím Po přihlášení do WordPress se otevře záložka Nástěnka.   Zde se nachází základní přehled o WordPressu. Popis základních funkcí V levé boční liště najdete po instalaci Woocommerce následující […]
- [Wordpress](https://bearhugs.space/wordpress/): WordPress Návody co pomáhají  WordPress je populární redakční systém pro správu webových stránek, který umožňuje uživatelům vytvářet a publikovat obsah online bez nutnosti znát programování HTML, CSS anebo například Java, či PHP. S jeho intuitivním uživatelským rozhraním a širokou škálou dostupných zásuvných modulů, (plug-inů) a šablon je WordPress vhodný pro začátečníky i pokročilé uživatele, kteří si přejí snadno a efektivně spravovat své webové prezentace.  WordPress Šifrování textu Alan 11/10/2024 Prostředí WordPress Alan 30/01/2024
- [Elementor](https://bearhugs.space/elementor/): Návody co pomáhají   Elementor je webový nástroj pro tvorbu stránek typu drag-and-drop (chytni a vlož), který umožňuje uživatelům bez nutnosti programování vytvářet a upravovat webové stránky a přizpůsobovat je svým potřebám. Elementor nabízí mnoho funkcí, jako jsou šablony, bloky, widgety a rozšíření, které umožňují uživatelům rychle a snadno vytvářet vzhled a funkčnost svých stránek. S Elementorem mohou uživatelé vytvářet responsivní stránky, které se automaticky přizpůsobují různým zařízením, jako jsou mobilní telefony, tablety a počítače. Elementor je kompatibilní s mnoha populárními platformami pro tvorbu webových stránek, jako jsou WordPress, WooCommerce a další. V tomto blogu najdete vysvětlení základních funkcí spolu s […]
- [Šablona 01](https://bearhugs.space/sablona-01/): Tel. +420 111 222 333  e-mail: jan@kovotex.com KOVOTEX s.r.o. Facebook Twitter Youtube Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Zde Vložte Text Nadpisu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut […]
- [cz](https://bearhugs.space/): Základy tvorby webových stránek. WordPress -> Elementor -> Woocommerce -> HTML -> CSS -> Šablony pro váš web ->

## Optional

- [Agent (MCP protocol)](websites-agents.hostinger.com/bearhugs.space/mcp)

[comment]: # (Generated by Hostinger Tools Plugin)