مشخصات مقاله
-
716
-
0.0
-
2610
-
0
-
0
ساخت آیکون های منو برای منو ریسپانسیو
در این مقاله می آموزیم که چطور یک نوار منوی بالایی با استفاده از دستور CSS ایجاد کنیم.
ساخت نوار منو بالایی در وب سایت
قدم اول : کد HTML را اضافه کنید.
مثال :
قدم دوم : کد CSS را اضافه کنید.
مثال ساخت آیکون منو در منو ریسپانسیو :
body {
font-family: Arial, Helvetica, sans-serif;
direction: rtl;
}
.navbar {
width: 100%;
background-color: #555;
overflow: auto;
direction: rtl;
}
.navbar a {
float: right;
padding: 12px;
color: white;
text-decoration: none;
font-size: 17px;
}
.navbar a:hover {
background-color: #000;
}
.active {
background-color: #4CAF50;
}
@media screen and (max-width: 500px) {
.navbar a {
float: none;
display: block;
}
}
