CSS नेव्हिगेटन बार - क्षैतिज आणि अनुलंब.
CSS कोड:
<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 a ही लिंकच्या सर्व अवस्थांसाठी शैली आहे.
#link_bar a:link ही नियमित लिंकची शैली आहे.
#link_bar a: visited ही भेट दिलेल्या लिंकची शैली आहे.
#link_bar a:hover ही माउस hovered link ची शैली आहे.
#link_bar a: सक्रिय म्हणजे माऊसने दाबल्यावर लिंकची शैली.
CSS कोड:
<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 a ही लिंकच्या सर्व अवस्थांसाठी शैली आहे.
#link_bar a:link ही नियमित लिंकची शैली आहे.
#link_bar a: visited ही भेट दिलेल्या लिंकची शैली आहे.
#link_bar a:hover ही माउस hovered link ची शैली आहे.
#link_bar a: सक्रिय म्हणजे माऊसने दाबल्यावर लिंकची शैली.
आमचे CSS नेव्हिगेशन बार टूल वापरकर्त्यांना CSS नेव्हिगेशन बारची अनुमती देते.या उपयुक्ततेची काही प्रमुख वैशिष्ट्ये खाली स्पष्ट केली आहेत.
आमच्या CSS नेव्हिगेशन बार टूलचा वापरकर्ता-अनुकूल इंटरफेस तुम्हाला हे रूपांतरण त्वरित आयोजित करण्याची सोय प्रदान करतो.या टूलच्या साधेपणामुळे तुम्हाला यापुढे CSS नेव्हिगेशन बारसाठी प्रोग्रामिंग कौशल्ये आत्मसात करण्याची आवश्यकता नाही.
CSS नेव्हिगेशन बार वापरण्यासाठी तुम्हाला कोणत्याही नोंदणी प्रक्रियेतून जाण्याची आवश्यकता नाही.या युटिलिटीचा वापर करून, तुम्ही सीएसएस नेव्हिगेशन बार टूल तुम्हाला हवे तितक्या वेळा विनामूल्य वापरू शकता.
या CSS नेव्हिगेशन बारवर जगाच्या कोणत्याही कोपऱ्यातून प्रवेश करता येतो.तुम्हाला या ऑनलाइन टूलच्या सुसंगततेबद्दल काळजी करण्याची गरज नाही, कारण तुम्ही कोणत्याही डिव्हाइसवरून CSS नेव्हिगेशन बार करू शकता.या CSS नेव्हिगेशन बार टूलमध्ये प्रवेश करण्यासाठी आणि वापरण्यासाठी तुम्हाला फक्त इंटरनेट कनेक्शनची आवश्यकता आहे.
CSS नेव्हिगेशन बार तुम्हाला तेच कार्य त्वरित पूर्ण करण्याची परवानगी देतो.तुम्हाला मॅन्युअल प्रक्रियांचे पालन करण्यास सांगितले जाणार नाही, कारण त्याचे ऑटोमेटेड अल्गोरिदम तुमच्यासाठी काम करतील.
CSS नेव्हिगेशन बार टूल सर्व ऑपरेटिंग सिस्टमवर उत्तम प्रकारे कार्य करते.तुमच्याकडे मॅक, आयओएस, अँड्रॉइड, विंडोज किंवा लिनक्स डिव्‍हाइस असले तरीही, तुम्ही या ऑनलाइन युटिलिटीचा कोणताही त्रास न घेता सहजपणे वापरू शकता.
हे CSS नेव्हिगेशन बार टूल वापरण्यासाठी तुम्हाला कोणत्याही नोंदणी प्रक्रियेतून जाण्याची आवश्यकता नाही.तुम्ही ही उपयुक्तता विनामूल्य वापरू शकता आणि कोणत्याही मर्यादांशिवाय अमर्यादित CSS नेव्हिगेशन बार करू शकता.