CSS gezinme çubuğu - yatay ve dikey.
CSS kodu:
<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 Kodu:
<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>
Görüş:
#link_bar a, bağlantının tüm durumları için stildir.
#link_bar a:link , normal bağlantının stilidir.
#link_bar a: ziyaret edilen, ziyaret edilen bağlantının stilidir.
#link_bar a:hover , fareyle üzerine gelinen bağlantının stilidir.
#link_bar a: aktif, fare ile basıldığında bağlantının stilidir.
CSS kodu:
<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 Kodu:
<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>
Görüş:
#link_bar a, bağlantının tüm durumları için stildir.
#link_bar a:link , normal bağlantının stilidir.
#link_bar a: ziyaret edilen, ziyaret edilen bağlantının stilidir.
#link_bar a:hover , fareyle üzerine gelinen bağlantının stilidir.
#link_bar a: aktif, fare ile basıldığında bağlantının stilidir.
CSS Gezinme Çubuğu Aracımız, kullanıcıların CSS Gezinme Çubuğu'na izin verir.Bu yardımcı programın öne çıkan özelliklerinden bazıları aşağıda açıklanmıştır.
CSS Gezinme Çubuğu Aracımızın kullanıcı dostu arayüzü, bu dönüştürmeyi anında gerçekleştirme kolaylığı sağlar.Bu Aracın basitliği nedeniyle artık CSS Gezinme Çubuğu için programlama becerileri edinmenize gerek yok.
CSS Gezinme Çubuğunu kullanmak için herhangi bir kayıt sürecinden geçmeniz gerekmez.Bu yardımcı programı kullanarak, CSS Gezinme Çubuğu Aracını ücretsiz olarak istediğiniz kadar yapabilirsiniz.
Bu CSS Gezinme Çubuğuna dünyanın herhangi bir köşesinden erişilebilir.CSS Gezinme Çubuğunu herhangi bir cihazdan kullanabileceğiniz için bu çevrimiçi aracın uyumluluğu konusunda endişelenmenize gerek yok.Bu CSS Gezinme Çubuğu Aracına erişmek ve kullanmak için tek ihtiyacınız olan bir internet bağlantısı.
CSS Gezinme Çubuğu, aynı görevi hemen tamamlamanıza olanak tanır.Otomatik algoritmaları işi sizin yerinize yapacağından, manuel prosedürleri izlemeniz istenmeyecektir.
CSS Gezinme Çubuğu Aracı, tüm işletim sistemlerinde mükemmel şekilde çalışır.İster Mac, iOS, Android, Windows veya Linux cihazınız olsun, bu çevrimiçi yardımcı programı herhangi bir güçlükle karşılaşmadan kolayca kullanabilirsiniz.
Bu CSS Gezinme Çubuğu Aracını kullanmak için herhangi bir kayıt sürecinden geçmeniz gerekmez.Bu yardımcı programı ücretsiz olarak kullanabilir ve herhangi bir sınırlama olmaksızın sınırsız CSS Gezinme Çubuğu yapabilirsiniz.
Advertising