آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش ساخت منو راست چین و چپ چین بوسیله CSS

ساخت پروژه طراحی وبسایت

آموزش ساخت منو راست چین و چپ چین بوسیله CSS


در این پروژه می آموزیم که چطور navigation barهایی با لینک های راست چین و چپ چین ایجاد کنیم.



ساخت منویی با لینک های راست چین


قدم اول : کد HTML را اضافه کنید.



منو بالا صفحه با لینک های راست چین

محتوا خود را قرار دهید ...



قدم دوم :   با نوشتن دستورات CSS زیر منو راست چین و یا چپ چین خود را بسازید.

مثال ساخت منو با لینک های راست چین :

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  direction: rtl;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: right;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav-right {
  float: left;
}
.Content {
padding-right:16px;
}

امتحان کنید

توجه :  یبرای ساخت navigation bar هایی که با صفحات موبایل نیز سازگار باشند، پروژه ایجاد منو ریسپانسیو در طراحی وب سایت را مطالعه کنید.

  • 32
  •    2
  • تاریخ ارسال :   1400/01/17

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .