Navigační lišta CSS - horizontální a vertikální.
CSS kód:
<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>
HTML kód:
<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>
Pohled:
#link_bar a je styl pro všechny stavy odkazu.
#link_bar a:link je styl běžného odkazu.
#link_bar a: navštíveno je styl navštíveného odkazu.
#link_bar a:hover je styl odkazu umístěného myší.
#link_bar a: aktivní je styl odkazu při stisknutí myší.
CSS kód:
<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>
HTML kód:
<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>
Pohled:
#link_bar a je styl pro všechny stavy odkazu.
#link_bar a:link je styl běžného odkazu.
#link_bar a: navštíveno je styl navštíveného odkazu.
#link_bar a:hover je styl odkazu umístěného myší.
#link_bar a: aktivní je styl odkazu při stisknutí myší.
Náš nástroj CSS Navigation Bar Tool umožňuje uživatelům navigaci CSS. Některé z hlavních funkcí tohoto nástroje jsou vysvětleny níže.
Uživatelsky přívětivé rozhraní našeho nástroje CSS Navigation Bar Tool vám poskytuje snadnost okamžitého provádění této konverze. Díky jednoduchosti tohoto nástroje již nemusíte získávat znalosti programování pro navigační panel CSS.
Abyste mohli používat navigační panel CSS, nemusíte projít žádným registračním procesem. Pomocí tohoto nástroje můžete nástroj CSS Navigation Bar Tool, kolikrát chcete, zdarma.
Tento navigační panel CSS je přístupný z kteréhokoli koutu světa. O kompatibilitu tohoto online nástroje se nemusíte starat, protože s ním můžete CSS Navigační lištu ovládat z jakéhokoli zařízení. Vše, co potřebujete, je připojení k internetu pro přístup a používání tohoto nástroje CSS Navigation Bar Tool.
Navigační lišta CSS vám umožňuje dokončit stejný úkol okamžitě. Nebudete požádáni, abyste dodržovali manuální postupy, protože jeho automatické algoritmy udělají práci za vás.
Nástroj CSS Navigation Bar dokonale funguje na všech operačních systémech. Bez ohledu na to, zda máte zařízení Mac, iOS, Android, Windows nebo Linux, můžete tento online nástroj snadno používat, aniž byste museli čelit jakýmkoli potížím.
Abyste mohli používat tento nástroj CSS Navigation Bar Tool, nemusíte projít žádným registračním procesem. Tento nástroj můžete používat zdarma a provádět neomezený CSS navigační panel bez jakýchkoli omezení.