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

CSS nabídka/menu

Odkaz někam Odkaz někam Odkaz někam Odkaz někam kudy Odkaz někam Odkaz někam Odkaz někam
Odkaz někam Odkaz někam Odkaz někam jinam Odkaz někam Odkaz někam
Odkaz někam Odkaz někam Odkaz někam Odkaz někam sem Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam
Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam Odkaz někam tam

Horizontální nabídka. Jedná se o jednoduchou navigaci v obsahu webu.

<style>
.navbar1 {
  float: left;
  position: relative;
  margin-left: -4px;
  display: inline;
  text-decoration: none;
  line-height: 14px;
  padding: 0 0.3em;
  z-index: 10;
  font-family: arial, sans-serif;
}
.dropbtn1 {
  margin-left: -2px;  
  background-color: #f0f0f0;
  color: #21487a;
  padding: 4px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  margin-top: 0;
}
.dropdown1 {
  position: relative;
  display: inline-block;
}
.dropdown1-content {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  margin-left: -2px;
}
.dropdown1-content a {
  color: #21487a;
  text-decoration: none;
  display: block; 
  letter-spacing: 0px;
  padding: 3px;
  padding-bottom: -2px;
  background-color: #fff;
  border-color: #dadce0;
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  border-bottom-color: rgb(255, 255, 255);  
}
.dropdown1-content a:hover {
  background-color: #CCE6FF;
  color: #000;
}
.dropdown1:hover .dropdown1-content {
  display: block;
}
.dropdown1:hover .dropbtn1 {
  background-color: #CCE6FF;
}
</style>
<div class="navbar1">
<div class="dropdown1">
<button class="dropbtn1">Sekce stránek</button>
<div class="dropdown1-content">
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
</div>
</div> 
<div class="dropdown1">
<button class="dropbtn1">Sekce stránek</button>
<div class="dropdown1-content">
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
</div>
</div>
<div class="dropdown1">
<button class="dropbtn1">Sekce stránek</button>
<div class="dropdown1-content">
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
</div>
</div>
<div class="dropdown1">
<button class="dropbtn1">Sekce stránek</button>
<div class="dropdown1-content">
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a>
<a href="#no">Odkaz někam</a> 
<a href="#no">Odkaz někam</a>
</div>
</div>
</div>
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ý