CSS navigācijas josla - horizontāla un vertikāla.
CSS kods:
<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 kods:
<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>
Skatīt:
#link_bar a ir stils visiem saites stāvokļiem.
#link_bar a:link ir parastās saites stils.
#link_bar a: apmeklētais ir apmeklētās saites stils.
#link_bar a:hover ir peles kursora saites stils.
#link_bar a: aktīva ir saites stils, kad tiek nospiesta pele.
CSS kods:
<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 kods:
<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>
Skatīt:
#link_bar a ir stils visiem saites stāvokļiem.
#link_bar a:link ir parastās saites stils.
#link_bar a: apmeklētais ir apmeklētās saites stils.
#link_bar a:hover ir peles kursora saites stils.
#link_bar a: aktīva ir saites stils, kad tiek nospiesta pele.
Mūsu CSS navigācijas joslas rīks ļauj lietotājiem izmantot CSS navigācijas joslu.Tālāk ir izskaidrotas dažas šīs utilītas ievērojamākās funkcijas.
Mūsu CSS navigācijas joslas rīka lietotājam draudzīgais interfeiss nodrošina iespēju viegli veikt šo konvertēšanu uzreiz.Šī rīka vienkāršības dēļ jums vairs nav jāapgūst programmēšanas prasmes CSS navigācijas joslai.
Lai izmantotu CSS navigācijas joslu, jums nav jāveic reģistrācijas process.Izmantojot šo utilītu, varat bez maksas izmantot CSS navigācijas joslas rīku tik reižu, cik vēlaties.
Šai CSS navigācijas joslai var piekļūt no jebkura pasaules stūra.Jums nav jāuztraucas par šī tiešsaistes rīka saderību, jo ar to varat izmantot CSS navigācijas joslu no jebkuras ierīces.Viss, kas jums nepieciešams, ir interneta savienojums, lai piekļūtu šim CSS navigācijas joslas rīkam un to izmantotu.
CSS navigācijas josla ļauj nekavējoties pabeigt to pašu uzdevumu.Jums netiks lūgts veikt manuālas procedūras, jo tās automatizētie algoritmi paveiks darbu jūsu vietā.
CSS navigācijas joslas rīks lieliski darbojas visās operētājsistēmās.Neatkarīgi no tā, vai jums ir Mac, iOS, Android, Windows vai Linux ierīce, varat viegli izmantot šo tiešsaistes utilītu, neradot nekādas problēmas.
Lai izmantotu šo CSS navigācijas joslas rīku, jums nav jāveic reģistrācijas process.Varat izmantot šo utilītu bez maksas un bez ierobežojumiem izmantot neierobežotu CSS navigācijas joslu.