مشخصات مقاله
-
920
-
0.0
-
7390
-
0
-
1
ایجاد نوار منو بالایی در وب سایت
در این مقاله می آموزیم که چطور یک نوار منوی بالایی با استفاده از دستور CSS ایجاد کنیم.
ساخت نوار منو بالایی در وب سایت
قدم اول : کد HTML را اضافه کنید.
مثال :
1 2 3 4 5 6 7 | <div class="TOPNAV"> <a class="ACTIVE" href="#HOME">HOME</a> <a href="#NEWS">NEWS</a> <a href="#CONTACT">CONTACT</a> <a href="#ABOUT">ABOUT</a></div><button></button> |
قدم دوم : حال کد CSS زیر را وارد کنید تا نوار منو بالایی برای شما ساخته شود.
مثال ساخت نوار منو بالایی در وبسایت :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <p>.topnav {<br> background-color: #333;<br> overflow: hidden;<br>}<br><br>.topnav a {<br> float: left;<br> color: #f2f2f2;<br> text-align: center;<br> padding: 14px 16px;<br> text-decoration: none;<br> font-size: 17px;<br>}<br><br>.topnav a:hover {<br> background-color: #ddd;<br> color: black;<br>}<br><br>.topnav a.active {<br> background-color: #4CAF50;<br> color: white;<br>}</p><button></button> |
توجه : برای ساخت منوهایی که ریسپانسیو باشند و تجربه کاربری خوشایندی را برای کاربر فراهم کنند، مقاله ایجاد منو ریسپانسیو در طراحی وب سایت را مطالعه کنید.
1404/02/02
7390
920
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com