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: ಮೌಸ್‌ನಿಂದ ಒತ್ತಿದಾಗ ಸಕ್ರಿಯ ಲಿಂಕ್‌ನ ಶೈಲಿಯಾಗಿದೆ.
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: ಮೌಸ್‌ನಿಂದ ಒತ್ತಿದಾಗ ಸಕ್ರಿಯ ಲಿಂಕ್‌ನ ಶೈಲಿಯಾಗಿದೆ.
ನಮ್ಮ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಟೂಲ್ ಬಳಕೆದಾರರಿಗೆ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಅನ್ನು ಅನುಮತಿಸುತ್ತದೆ.ಈ ಉಪಯುಕ್ತತೆಯ ಕೆಲವು ಪ್ರಮುಖ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಕೆಳಗೆ ವಿವರಿಸಲಾಗಿದೆ.
ನಮ್ಮ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಟೂಲ್‌ನ ಬಳಕೆದಾರ ಸ್ನೇಹಿ ಇಂಟರ್ಫೇಸ್ ಈ ಪರಿವರ್ತನೆಯನ್ನು ತ್ವರಿತವಾಗಿ ನಡೆಸುವ ಸುಲಭತೆಯನ್ನು ನಿಮಗೆ ಒದಗಿಸುತ್ತದೆ.ಈ ಪರಿಕರದ ಸರಳತೆಯಿಂದಾಗಿ ನೀವು ಇನ್ನು ಮುಂದೆ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್‌ಗಾಗಿ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕೌಶಲ್ಯಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಬೇಕಾಗಿಲ್ಲ.
CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಅನ್ನು ಬಳಸಲು ನೀವು ಯಾವುದೇ ನೋಂದಣಿ ಪ್ರಕ್ರಿಯೆಯ ಮೂಲಕ ಹೋಗಬೇಕಾಗಿಲ್ಲ.ಈ ಉಪಯುಕ್ತತೆಯನ್ನು ಬಳಸಿಕೊಂಡು, ನೀವು ಸಿಎಸ್ಎಸ್ ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಟೂಲ್ ಅನ್ನು ನಿಮಗೆ ಬೇಕಾದಷ್ಟು ಬಾರಿ ಉಚಿತವಾಗಿ ಮಾಡಬಹುದು.
ಈ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಅನ್ನು ಪ್ರಪಂಚದ ಯಾವುದೇ ಮೂಲೆಯಿಂದ ಪ್ರವೇಶಿಸಬಹುದು.ಈ ಆನ್‌ಲೈನ್ ಪರಿಕರದ ಹೊಂದಾಣಿಕೆಯ ಬಗ್ಗೆ ನೀವು ಚಿಂತಿಸಬೇಕಾಗಿಲ್ಲ, ಏಕೆಂದರೆ ನೀವು ಯಾವುದೇ ಸಾಧನದಿಂದ ಅದರೊಂದಿಗೆ CSS ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಮಾಡಬಹುದು.ಈ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಟೂಲ್ ಅನ್ನು ಪ್ರವೇಶಿಸಲು ಮತ್ತು ಬಳಸಲು ನಿಮಗೆ ಬೇಕಾಗಿರುವುದು ಇಂಟರ್ನೆಟ್ ಸಂಪರ್ಕವಾಗಿದೆ.
CSS ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಅದೇ ಕೆಲಸವನ್ನು ತಕ್ಷಣವೇ ಪೂರ್ಣಗೊಳಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.ಹಸ್ತಚಾಲಿತ ಕಾರ್ಯವಿಧಾನಗಳನ್ನು ಅನುಸರಿಸಲು ನಿಮ್ಮನ್ನು ಕೇಳಲಾಗುವುದಿಲ್ಲ, ಏಕೆಂದರೆ ಅದರ ಸ್ವಯಂಚಾಲಿತ ಅಲ್ಗಾರಿದಮ್‌ಗಳು ನಿಮಗಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ.
CSS ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಟೂಲ್ ಎಲ್ಲಾ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್‌ಗಳಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.ನೀವು Mac, iOS, Android, Windows, ಅಥವಾ Linux ಸಾಧನವನ್ನು ಹೊಂದಿದ್ದರೂ, ಯಾವುದೇ ತೊಂದರೆಯನ್ನು ಎದುರಿಸದೆಯೇ ನೀವು ಈ ಆನ್‌ಲೈನ್ ಉಪಯುಕ್ತತೆಯನ್ನು ಸುಲಭವಾಗಿ ಬಳಸಬಹುದು.
ಈ CSS ನ್ಯಾವಿಗೇಶನ್ ಬಾರ್ ಟೂಲ್ ಅನ್ನು ಬಳಸಲು ನೀವು ಯಾವುದೇ ನೋಂದಣಿ ಪ್ರಕ್ರಿಯೆಯ ಮೂಲಕ ಹೋಗಬೇಕಾಗಿಲ್ಲ.ನೀವು ಈ ಸೌಲಭ್ಯವನ್ನು ಉಚಿತವಾಗಿ ಬಳಸಬಹುದು ಮತ್ತು ಯಾವುದೇ ಮಿತಿಗಳಿಲ್ಲದೆ ಅನಿಯಮಿತ CSS ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಮಾಡಬಹುದು.
Advertising