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: ਵਿਜ਼ਿਟ ਕੀਤੇ ਗਏ ਲਿੰਕ ਦੀ ਸ਼ੈਲੀ ਹੈ।
#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: ਵਿਜ਼ਿਟ ਕੀਤੇ ਗਏ ਲਿੰਕ ਦੀ ਸ਼ੈਲੀ ਹੈ।
#link_bar a:hover ਮਾਊਸ ਹੋਵਰ ਕੀਤੇ ਲਿੰਕ ਦੀ ਸ਼ੈਲੀ ਹੈ।
#link_bar a: ਸਰਗਰਮ ਲਿੰਕ ਦੀ ਸ਼ੈਲੀ ਹੈ ਜਦੋਂ ਮਾਊਸ ਦੁਆਰਾ ਦਬਾਇਆ ਜਾਂਦਾ ਹੈ।
ਸਾਡਾ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਟੂਲ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਇਸ ਸਹੂਲਤ ਦੀਆਂ ਕੁਝ ਪ੍ਰਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹੇਠਾਂ ਦੱਸੀਆਂ ਗਈਆਂ ਹਨ।
ਸਾਡੇ CSS ਨੈਵੀਗੇਸ਼ਨ ਬਾਰ ਟੂਲ ਦਾ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਇੰਟਰਫੇਸ ਤੁਹਾਨੂੰ ਇਸ ਪਰਿਵਰਤਨ ਨੂੰ ਤੁਰੰਤ ਕਰਨ ਦੀ ਸੌਖ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।ਇਸ ਟੂਲ ਦੀ ਸਰਲਤਾ ਦੇ ਕਾਰਨ ਤੁਹਾਨੂੰ ਹੁਣ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਲਈ ਪ੍ਰੋਗਰਾਮਿੰਗ ਹੁਨਰ ਹਾਸਲ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚੋਂ ਲੰਘਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।ਇਸ ਸਹੂਲਤ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਤੁਸੀਂ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਟੂਲ ਨੂੰ ਜਿੰਨੀ ਵਾਰ ਮੁਫ਼ਤ ਵਿੱਚ ਚਾਹੋ ਕਰ ਸਕਦੇ ਹੋ।
ਇਸ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਨੂੰ ਦੁਨੀਆ ਦੇ ਕਿਸੇ ਵੀ ਕੋਨੇ ਤੋਂ ਐਕਸੈਸ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।ਤੁਹਾਨੂੰ ਇਸ ਔਨਲਾਈਨ ਟੂਲ ਦੀ ਅਨੁਕੂਲਤਾ ਬਾਰੇ ਚਿੰਤਾ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ, ਕਿਉਂਕਿ ਤੁਸੀਂ ਇਸ ਨਾਲ ਕਿਸੇ ਵੀ ਡਿਵਾਈਸ ਤੋਂ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਕਰ ਸਕਦੇ ਹੋ।ਇਸ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਟੂਲ ਨੂੰ ਐਕਸੈਸ ਕਰਨ ਅਤੇ ਵਰਤਣ ਲਈ ਤੁਹਾਨੂੰ ਸਿਰਫ਼ ਇੱਕ ਇੰਟਰਨੈਟ ਕਨੈਕਸ਼ਨ ਦੀ ਲੋੜ ਹੈ।
CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਤੁਹਾਨੂੰ ਉਸੇ ਕੰਮ ਨੂੰ ਤੁਰੰਤ ਪੂਰਾ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।ਤੁਹਾਨੂੰ ਦਸਤੀ ਪ੍ਰਕਿਰਿਆਵਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨ ਲਈ ਨਹੀਂ ਕਿਹਾ ਜਾਵੇਗਾ, ਕਿਉਂਕਿ ਇਸਦੇ ਸਵੈਚਲਿਤ ਐਲਗੋਰਿਦਮ ਤੁਹਾਡੇ ਲਈ ਕੰਮ ਕਰਨਗੇ।
CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਟੂਲ ਸਾਰੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮਾਂ 'ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦਾ ਹੈ।ਭਾਵੇਂ ਤੁਹਾਡੇ ਕੋਲ ਮੈਕ, ਆਈਓਐਸ, ਐਂਡਰੌਇਡ, ਵਿੰਡੋਜ਼, ਜਾਂ ਲੀਨਕਸ ਡਿਵਾਈਸ ਹੈ, ਤੁਸੀਂ ਬਿਨਾਂ ਕਿਸੇ ਪਰੇਸ਼ਾਨੀ ਦੇ ਇਸ ਔਨਲਾਈਨ ਉਪਯੋਗਤਾ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਵਰਤ ਸਕਦੇ ਹੋ।
ਇਸ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚੋਂ ਲੰਘਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।ਤੁਸੀਂ ਇਸ ਉਪਯੋਗਤਾ ਨੂੰ ਮੁਫਤ ਵਿੱਚ ਵਰਤ ਸਕਦੇ ਹੋ ਅਤੇ ਬਿਨਾਂ ਕਿਸੇ ਸੀਮਾ ਦੇ ਅਸੀਮਤ CSS ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਕਰ ਸਕਦੇ ਹੋ।