Pasek nawigacyjny CSS - poziomy i pionowy.
kod CSS:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
Kod HTML:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Pogląd:
#link_bar a to styl dla wszystkich stanów łącza.
#link_bar a:link to styl zwykłego linku.
#link_bar a: odwiedzony to styl odwiedzonego linku.
#link_bar a:hover to styl linku po najechaniu myszką.
#link_bar a: aktywny jest styl łącza po naciśnięciu myszką.
kod CSS:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
Kod HTML:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Pogląd:
#link_bar a to styl dla wszystkich stanów łącza.
#link_bar a:link to styl zwykłego linku.
#link_bar a: odwiedzony to styl odwiedzonego linku.
#link_bar a:hover to styl linku po najechaniu myszką.
#link_bar a: aktywny jest styl łącza po naciśnięciu myszką.
Nasze narzędzie paska nawigacji CSS umożliwia użytkownikom korzystanie z paska nawigacji CSS.Niektóre z najważniejszych funkcji tego narzędzia wyjaśniono poniżej.
Przyjazny dla użytkownika interfejs naszego CSS Navigation Bar Tool zapewnia łatwość natychmiastowego przeprowadzenia tej konwersji.Nie musisz już nabywać umiejętności programowania dla paska nawigacyjnego CSS ze względu na prostotę tego narzędzia.
Nie musisz przechodzić przez żaden proces rejestracji, aby korzystać z paska nawigacyjnego CSS.Korzystając z tego narzędzia, możesz bezpłatnie używać paska nawigacji CSS tyle razy, ile chcesz.
Dostęp do tego paska nawigacyjnego CSS można uzyskać z dowolnego zakątka świata.Nie musisz się martwić o kompatybilność tego narzędzia online, ponieważ możesz z nim korzystać z CSS Navigation Bar z dowolnego urządzenia.Wszystko, czego potrzebujesz, to połączenie z Internetem, aby uzyskać dostęp i korzystać z tego paska nawigacji CSS.
Pasek nawigacyjny CSS umożliwia natychmiastowe wykonanie tego samego zadania.Nie zostaniesz poproszony o przestrzeganie ręcznych procedur, ponieważ zautomatyzowane algorytmy wykonają pracę za Ciebie.
Narzędzie paska nawigacji CSS doskonale działa na wszystkich systemach operacyjnych.Niezależnie od tego, czy masz urządzenie Mac, iOS, Android, Windows czy Linux, możesz z łatwością korzystać z tego narzędzia online bez żadnych problemów.
Nie musisz przechodzić przez żaden proces rejestracji, aby korzystać z tego paska nawigacji CSS.Możesz używać tego narzędzia za darmo i wykonywać nieograniczony pasek nawigacyjny CSS bez żadnych ograniczeń.