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: visit എന്നത് സന്ദർശിച്ച ലിങ്കിന്റെ ശൈലിയാണ്.
#link_bar a:hover എന്നത് മൗസ് ഹോവർഡ് ലിങ്കിന്റെ ശൈലിയാണ്.
#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: visit എന്നത് സന്ദർശിച്ച ലിങ്കിന്റെ ശൈലിയാണ്.
#link_bar a:hover എന്നത് മൗസ് ഹോവർഡ് ലിങ്കിന്റെ ശൈലിയാണ്.
#link_bar a: മൗസ് അമർത്തിയാൽ ലിങ്കിന്റെ ശൈലി സജീവമാണ്.
ഞങ്ങളുടെ CSS നാവിഗേഷൻ ബാർ ടൂൾ CSS നാവിഗേഷൻ ബാറിലേക്ക് ഉപയോക്താക്കളെ അനുവദിക്കുന്നു.ഈ യൂട്ടിലിറ്റിയുടെ ചില പ്രധാന സവിശേഷതകൾ ചുവടെ വിശദീകരിച്ചിരിക്കുന്നു.
ഞങ്ങളുടെ CSS നാവിഗേഷൻ ബാർ ടൂളിന്റെ ഉപയോക്തൃ-സൗഹൃദ ഇന്റർഫേസ് ഈ പരിവർത്തനം തൽക്ഷണം നടത്തുന്നതിനുള്ള എളുപ്പം നിങ്ങൾക്ക് നൽകുന്നു.ഈ ടൂളിന്റെ ലാളിത്യം കാരണം CSS നാവിഗേഷൻ ബാറിനായി നിങ്ങൾക്ക് ഇനി പ്രോഗ്രാമിംഗ് കഴിവുകൾ നേടേണ്ടതില്ല.
CSS നാവിഗേഷൻ ബാർ ഉപയോഗിക്കുന്നതിന് നിങ്ങൾ ഒരു രജിസ്ട്രേഷൻ പ്രക്രിയയിലൂടെ കടന്നുപോകേണ്ടതില്ല.ഈ യൂട്ടിലിറ്റി ഉപയോഗിച്ച്, നിങ്ങൾക്ക് എത്ര തവണ വേണമെങ്കിലും സൗജന്യമായി CSS നാവിഗേഷൻ ബാർ ടൂൾ ചെയ്യാം.
ഈ CSS നാവിഗേഷൻ ബാർ ലോകത്തിന്റെ ഏത് കോണിൽ നിന്നും ആക്സസ് ചെയ്യാൻ കഴിയും.ഈ ഓൺലൈൻ ഉപകരണത്തിന്റെ അനുയോജ്യതയെക്കുറിച്ച് നിങ്ങൾ വിഷമിക്കേണ്ടതില്ല, കാരണം നിങ്ങൾക്ക് ഏത് ഉപകരണത്തിൽ നിന്നും ഇത് ഉപയോഗിച്ച് CSS നാവിഗേഷൻ ബാർ ചെയ്യാം.ഈ CSS നാവിഗേഷൻ ബാർ ടൂൾ ആക്സസ് ചെയ്യുന്നതിനും ഉപയോഗിക്കുന്നതിനും നിങ്ങൾക്ക് വേണ്ടത് ഒരു ഇന്റർനെറ്റ് കണക്ഷൻ മാത്രമാണ്.
CSS നാവിഗേഷൻ ബാർ ഒരേ ജോലി ഉടൻ പൂർത്തിയാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു.സ്വയമേവയുള്ള നടപടിക്രമങ്ങൾ പിന്തുടരാൻ നിങ്ങളോട് ആവശ്യപ്പെടില്ല, കാരണം അതിന്റെ ഓട്ടോമേറ്റഡ് അൽഗോരിതങ്ങൾ നിങ്ങൾക്കായി പ്രവർത്തിക്കും.
CSS നാവിഗേഷൻ ബാർ ടൂൾ എല്ലാ ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിലും നന്നായി പ്രവർത്തിക്കുന്നു.നിങ്ങൾക്ക് ഒരു Mac, iOS, Android, Windows അല്ലെങ്കിൽ Linux ഉപകരണം ഉണ്ടെങ്കിലും, നിങ്ങൾക്ക് ഈ ഓൺലൈൻ യൂട്ടിലിറ്റി ഒരു തടസ്സവും നേരിടാതെ എളുപ്പത്തിൽ ഉപയോഗിക്കാനാകും.
ഈ CSS നാവിഗേഷൻ ബാർ ടൂൾ ഉപയോഗിക്കുന്നതിന് നിങ്ങൾ ഒരു രജിസ്ട്രേഷൻ പ്രക്രിയയിലൂടെ കടന്നുപോകേണ്ടതില്ല.നിങ്ങൾക്ക് ഈ യൂട്ടിലിറ്റി സൗജന്യമായി ഉപയോഗിക്കാനും പരിധികളില്ലാതെ CSS നാവിഗേഷൻ ബാർ ചെയ്യാനും കഴിയും.
Advertising