Moderní tvorba webových aplikací

O webu

Menu v CSS

Vodorovné, svislé, fixní, vysouvací, klikací a další navigace webových stránek.

Oddělovač položek v menu

Jakými způsoby v CSS lze realisovat oddělovač položek v menu.

6 minut

Tolerance myši u vysouvacího menu

Při vytváření menu reagujícího na najetí myši (hover) je dobré tolerovat nepřesnou cestu myší.

6 minut

Fit-content

CSS vlastnost fit-content nastaví šířku podle obsahu.

3 minuty

Menu přes celou šířku

Jak vytvořit vodorovné menu s neznámým počtem položek přes celou šířku.

3 minuty

Hover efekty s text-shadow

Zajímavé :hover efekty s využitím CSS vlastnosti text-shadow.

4 minuty

Hover efekty s box-shadow

Zajímavé :hover efekty s využitím CSS vlastnosti box-shadow.

4 minuty

Responsivní navigace

Jak udělat elegantní navigaci pro zobrazení na malých obrazovkách.

5 minut

Fixní menu při rolování

Jak při odrolování stránky zafixovat menu na horní hraně obrazovky.

3 minuty

Horizontální navigace

Různé možnosti, jak vytvořit vodorovné menu s odkazy vedle sebe.

5 minut

Rozklikávací menu

JavaScriptové menu otvírající/zavírající se po kliknutí.

4 minuty

Vyjížděcí menu v CSS

Jak vytvořit v čistém CSS vyskakovací menu.

3 minuty

Označení odkazu na kotvu, pokud je na ní odrolováno

U jednostránkových webů s fixní navigací (s odkazy na #kotvy) může být vhodné právě viditelnou (aktivní) položku zvýraznit.

4 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025