Domů

HTML / CSS 1
  1. HTML CSS ukázky
  2. HTML CSS ukázky
  3. CSS nabídka/menu-svisle
  4. CSS nabídka/menu
  5. CSS Pilulkové menu
  6. CSS Mega menu
  7. CSS boxy s odkazy
  8. CSS stránkovač.
  9. CSS tlačítka
  10. CSS tlačítka-2
  11. CSS Jednoduchá tabulka
  12. CSS Pokročilejší tabulky
HTML / CSS 2
  1. CSS tlačítko s páskem Karty
  2. JS Sloupcový graf
  3. JS sloupcový graf 2
  4. CSS záhlaví stránky
  5. CSS menu s vyhledáváním
  6. CSS linky
  7. Snackbar / Toast
  8. CSS Barvy
  9. CSS barvy Google
  10. CSS infobox
  11. CSS karta
  12. CSS styl
  13. CSS seznam
  14. CSS stránka
  15. CSS nabídka ikony
  16. CSS Akordeon
HTML / CSS 3
  1. CSS vysouvací menu
  2. Tolotip - popisek
  3. CSS Odznak

Počasí 1
  1. Meteorologie
  2. Předpověď počasí
  3. Počasí aktuálně
  4. Počasí na 7 dní pro Brno
  5. Srážky
  6. Blesky
  7. Výstrahy
  8. CAPE index
Počasí 2
  1. Bouřkové jevy-charak.
  2. Klimatické extrémy
  3. Tropické bouře a hurikány
  4. Teplota vody v nádržích
  5. Stupnice síly větru
  6. Národní met. služby
  7. Teploty archiv
  8. Lidové pranostiky
Rozcestníky
  1. ZOO v ČR mapa rozcestník
  2. Wiki rozcestník
  3. ČS Opevnění Wiki rozcestník
  4. Kamery rozcestník
  5. Autoservis v Brně
  6. Profesionální stanice
  7. Spotřeba el. ener. ve světě
  8. Sníh mapa
  9. Fotografie

Sopky / vulkanologie
  1. Vulkanologie
  2. Chebská pánev
  3. Vulkán Etna
  4. Vulkán Vesuv
  5. Vulkán Stromboli
  6. Vulkán Kīlauea
  7. Erupce na La Palma
  8. Yellowstone národní park
  9. 14 nejnebezpečnějších sopek
  10. Sopky-mapa
  11. Zemětřesení v ČR
Přednášky
  1. Odborné přednášky-počasí
  2. Odborné přednášky-vulkány
Webkamery - hory
  1. České hory-webkamery
  2. Rakouské hory-webkamery
  3. Slovenské hory-webkamery

HTML CSS ukázky >>>

Lituji, ale váš prohlížeč nepodopruje inline SVG.

Zastavte posun textu pomocí tlačítka a poté jej opět spusťte. Posun textu pomocí tagu marquee se již téměř nepoužívá, místo něj se používá javascript. Běžící text je ale spíš na obtíž a proto je vhodnější text nechat po najetí zastavit. Dále se pak text nikam neposunuje. Nevýhodou ale je, že délka textu nesmí překročit šířku stránky jinak by ho nebylo možné přečíst celý. Konec hlášení :)

 Pokud ale chcete na svou stránku umístit běžící text, zde je HTML kód.

<marquee behavior="scroll" direction="left" id="mymarquee">
<p>Váš text</p></marquee>
<input type="button" value="Zastavit" onClick="document.getElementById('mymarquee').stop();">
<input type="button" value="Spustit" onClick="document.getElementById('mymarquee').start();">

Tlačítka odkazů

Odkaz 1 Odkaz 2 Odkaz 3

Pokročilejší tooltip

 Úvodní informace (nepovinná)

Tady bude nějaký text, může být i s ilustračním obrázkem.

Odkaz někam, či pro podrobnou informaci

Obyčejný tooltip

Zde bude text nápovědy

Vylepšený tooltip

Nadpis nápovědy:
Tady bude text nápovědy

 Hudební podkres Panorama.mp3 Hudbu znáte z televizního pořadu Panorama. Stáhněte zdarma.

Ovládání

Odznaky

Vytvořte odznak a připněte jej k nadpisu:

Příklad nadpisu Nový

Příklad nadpisu Nové

Příklad nadpisu Nová

Příklad nadpisu Nově

Vytvořte odznak a připněte jej k textu:

Příklad textu Novota obecná, staroba má jinou barvu. Barva je v CSS volitelná. Pokud chcete více barev v jednom textu, je třeba ke každé barvě volit novou třídu (class) nebo jiný způsob třídění např. badge1, badge2 apod. CSS nabízí mnoho možností.

Zde je příklad CSS

.badge {
  background-color: #cc0000;
  color: white;
  padding: 1px 4px;
  text-align: center;
  border-radius: 5px;
}
.badge1 {
  background-color: #0000ff;
  color: white;
  padding: 1px 4px;
  text-align: center;
  border-radius: 5px;
}

Varovné zprávy

Varovné zprávy informují o charakteru možného nebezpečí.Tyto barevně rozlišené stupně nebezpečí se používají v meteorologii a vulkanologii.

× Žádné Běžná situace.
× Nízké Nízké nebezpečí, vyžaduje pozornost.
× Vysoké! Vysoké nebezpečí, vyžaduje zvýšenou pozornost.
× Extrémní! Extrémní nebezpečí, vyžaduje mimořádnou pozornost a časté sledování situace.
To je zatím vše

Nabíječka připojena, probíhá proces nabíjení baterie.

Barevné schéma

Potravina,Vitamin A
Beef Liver,6421
Lamb Liver, 2122
Cod Liver Oil, 5350
Mackerel, 388
Tuna, 214
Beef Liver,6421
Lamb Liver, 2122
Cod Liver Oil, 3350
Mackerel, 388
Tuna, 214
Cod Liver Oil, 3350
Mackerel, 388
Tuna, 214
Tato webová stránka používá cookies

Tato webová stránka používá soubory cookie k personalizaci obsahu a měření využití webových stránek, abychom zlepšili Váš zážitek z návštěvy těchto webových stránek. Zvolte prosím Vámi preferovanou variantu využítí cookies.

Funkční cookies jsou nezbytné k tomu, aby web fungoval, takže není možné je vypnout.
Pomáhají sledovat počet návštěvníků a navštěvované stránky, což nám umožňuje zlepšovat výkon webových stránek. Můžeme určovat, které stránky jsou nejoblíbenější, a také sledovat, jakým způsobem se návštěvníci na webu pohybují. Všechny informace jsou souhrnné a anonymní.
Více podrobnosti
Přejít na stránku s více podrobnostmi.
Přijmout vybrané Přijmout vše
Nepřihlášený