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 نیویگیشن بار ٹول تمام آپریٹنگ سسٹمز پر بالکل کام کرتا ہے۔چاہے آپ کے پاس میک، آئی او ایس، اینڈرائیڈ، ونڈوز، یا لینکس ڈیوائس ہو، آپ آسانی سے اس آن لائن یوٹیلیٹی کو بغیر کسی پریشانی کے استعمال کر سکتے ہیں۔

100% مفت

اس CSS نیویگیشن بار ٹول کو استعمال کرنے کے لیے آپ کو کسی بھی رجسٹریشن کے عمل سے گزرنے کی ضرورت نہیں ہے۔آپ اس یوٹیلیٹی کو مفت میں استعمال کر سکتے ہیں اور بغیر کسی پابندی کے لامحدود CSS نیویگیشن بار کر سکتے ہیں۔

Advertising

سی ایس ایس
°• CmtoInchesConvert.com •°