Navigačná lišta CSS - horizontálna a vertikálna.
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>
Vyhliadka:
#link_bar a je štýl pre všetky stavy odkazu.
#link_bar a:link je štýl bežného odkazu.
#link_bar a: navštívený je štýl navštíveného odkazu.
#link_bar a:hover je štýl odkazu umiestneného myšou.
#link_bar a: aktívny je štýl odkazu pri stlačení myšou.
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>
Vyhliadka:
#link_bar a je štýl pre všetky stavy odkazu.
#link_bar a:link je štýl bežného odkazu.
#link_bar a: navštívený je štýl navštíveného odkazu.
#link_bar a:hover je štýl odkazu umiestneného myšou.
#link_bar a: aktívny je štýl odkazu pri stlačení myšou.
Náš nástroj CSS Navigation Bar Tool umožňuje používateľom navigačný panel CSS.Niektoré z významných funkcií tohto nástroja sú vysvetlené nižšie.
Užívateľsky prívetivé rozhranie nášho nástroja CSS Navigation Bar Tool vám poskytuje jednoduchosť okamžitého vykonania tejto konverzie.Vďaka jednoduchosti tohto nástroja už nemusíte získavať programovacie zručnosti pre navigačný panel CSS.
Na používanie navigačného panela CSS nemusíte prejsť žiadnym registračným procesom.Pomocou tohto nástroja môžete nástroj CSS Navigation Bar Tool toľkokrát, koľkokrát chcete, zadarmo.
Tento navigačný panel CSS je dostupný z ktoréhokoľvek kúta sveta.O kompatibilitu tohto online nástroja si nemusíte robiť starosti, keďže s ním môžete CSS navigačný panel ovládať z akéhokoľvek zariadenia.Všetko, čo potrebujete, je internetové pripojenie na prístup a používanie tohto nástroja CSS Navigation Bar Tool.
Navigačný panel CSS vám umožňuje okamžite dokončiť rovnakú úlohu.Nebudete požiadaní, aby ste dodržiavali manuálne postupy, pretože jeho automatizované algoritmy urobia prácu za vás.
Nástroj CSS Navigation Bar dokonale funguje na všetkých operačných systémoch.Či už máte zariadenie Mac, iOS, Android, Windows alebo Linux, túto online pomôcku môžete jednoducho používať bez akýchkoľvek problémov.
Na používanie tohto nástroja navigačnej lišty CSS nemusíte prejsť žiadnym registračným procesom.Tento nástroj môžete používať zadarmo a robiť neobmedzený navigačný panel CSS bez akýchkoľvek obmedzení.