सीएसएस नेविगेशन बार - क्षैतिज और लंबवत।
सीएसएस कोड:
<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 कोड:
<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>
देखना:
#link_bar लिंक की सभी अवस्थाओं के लिए शैली है।
#link_bar a:link नियमित लिंक की शैली है।
#link_bar a: विज़िट विज़िट किए गए लिंक की शैली है।
#link_bar a:hover माउस के होवर लिंक की शैली है।
#link_bar a: माउस द्वारा दबाए जाने पर सक्रिय लिंक की शैली है।
सीएसएस कोड:
<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 कोड:
<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>
देखना:
#link_bar लिंक की सभी अवस्थाओं के लिए शैली है।
#link_bar a:link नियमित लिंक की शैली है।
#link_bar a: विज़िट विज़िट किए गए लिंक की शैली है।
#link_bar a:hover माउस के होवर लिंक की शैली है।
#link_bar a: माउस द्वारा दबाए जाने पर सक्रिय लिंक की शैली है।
हमारा सीएसएस नेविगेशन बार टूल उपयोगकर्ताओं को सीएसएस नेविगेशन बार की अनुमति देता है। इस उपयोगिता की कुछ प्रमुख विशेषताओं को नीचे समझाया गया है।
हमारे सीएसएस नेविगेशन बार टूल का उपयोगकर्ता-अनुकूल इंटरफ़ेस आपको इस रूपांतरण को तुरंत संचालित करने में आसानी प्रदान करता है। इस टूल की सरलता के कारण अब आपको CSS नेविगेशन बार के लिए प्रोग्रामिंग कौशल हासिल करने की आवश्यकता नहीं है।
CSS नेविगेशन बार का उपयोग करने के लिए आपको किसी पंजीकरण प्रक्रिया से गुजरने की आवश्यकता नहीं है। इस उपयोगिता का उपयोग करके, आप नेविगेशन बार टूल को जितनी बार चाहें सीएसएस कर सकते हैं।
इस CSS नेविगेशन बार को दुनिया के किसी भी कोने से एक्सेस किया जा सकता है। आपको इस ऑनलाइन टूल की अनुकूलता के बारे में चिंता करने की आवश्यकता नहीं है, क्योंकि आप किसी भी डिवाइस से नेविगेशन बार को सीएसएस कर सकते हैं। इस CSS नेविगेशन बार टूल तक पहुँचने और इसका उपयोग करने के लिए आपको बस एक इंटरनेट कनेक्शन की आवश्यकता है।
CSS नेविगेशन बार आपको उसी कार्य को तुरंत पूरा करने की अनुमति देता है। आपको मैन्युअल प्रक्रियाओं का पालन करने के लिए नहीं कहा जाएगा, क्योंकि इसके स्वचालित एल्गोरिदम आपके लिए काम करेंगे।
सीएसएस नेविगेशन बार टूल पूरी तरह से सभी ऑपरेटिंग सिस्टम पर काम करता है। चाहे आपके पास Mac, iOS, Android, Windows, या Linux डिवाइस हो, आप बिना किसी परेशानी के आसानी से इस ऑनलाइन उपयोगिता का उपयोग कर सकते हैं।
इस सीएसएस नेविगेशन बार टूल का उपयोग करने के लिए आपको किसी पंजीकरण प्रक्रिया से गुजरने की आवश्यकता नहीं है। आप इस उपयोगिता का मुफ्त में उपयोग कर सकते हैं और बिना किसी सीमा के असीमित सीएसएस नेविगेशन बार कर सकते हैं।
Advertising