سی ایس ایس ناویگیشن بار

Demonstration: Navigation Bar

Vertical Navigation Bar

Horizontal Navigation Bar


ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ

ਅਸਾਨ ਨੇਵੀਗੇਸ਼ਨ ਕਿਸੇ ਵੀ ਵੈੱਬਸਾਈਟ ਲਈ ਬਹੁਤ ਮਹੱਤਵਪੂਰਨ ਹੈ。

ਸੀਐੱਸਐੱਸ ਦੀ ਮਦਦ ਨਾਲ, ਤੁਸੀਂ ਬੇਹੂਦਾ ਐੱਚਟੀਐੱਮਐੱਲ ਮੇਨੂ ਨੂੰ ਸੁੰਦਰ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਵਿੱਚ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹੋ

ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ = ਲਿੰਕ ਸੂਚੀ

ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਨੂੰ ਸਟੈਂਡਰਡ ਐੱਚਟੀਐੱਮਐੱਲ ਦੇ ਤੌਰ 'ਤੇ ਉਪਯੋਗ ਕਰਨਾ ਜ਼ਰੂਰੀ ਹੈ。

ਸਾਡੇ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਨੂੰ ਸਟੈਂਡਰਡ ਐੱਚਟੀਐੱਮਐੱਲ ਸੂਚੀ ਨਾਲ ਬਣਾਵਾਂਗੇ。

ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਮੁੱਖ ਤੌਰ 'ਤੇ ਲਿੰਕ ਸੂਚੀ ਹੈ, ਇਸ ਲਈ <ul> ਅਤੇ <li> ਐਲੀਮੈਂਟਸ ਦਾ ਉਪਯੋਗ ਕਰਨਾ ਬਹੁਤ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦਾ ਹੈ:

مثال

<ul>
  <li><a href="index.asp">Home</a></li>
  <li><a href="news.asp">News</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">About</a></li>
</ul>

خود خود کوشش کریں

اب، فہرست سے آئٹمز، بیرونی موروثی اور اندرونی موروثی (پیدائی) کو حذف کریں:

مثال

ul {
  لیست سائنز کا نوعیت: none;
  موروثی: 0;
  پیدائی: 0;
}

خود خود کوشش کریں

مثال کی توجیہ:

  • لیست سائنز کا نوعیت: none; - لیست آئٹمز کو حذف کریں۔ ناویگیشن بار کو لسٹ آئٹمز کی لسانی نشانات نہیں چاہیے۔
  • تنطیم: موروثی: 0; اور پیدائی: 0; بrowsers کی موروثی تنظیمات کو حذف کریں

مثال میں کا کد افقی اور عمودی ناویگیشن بار میں استعمال کئے جانے والا معیاری کا کد ہے، آپ جلد ہی مزید معلومات سیکھیں گے。