close
تبلیغات در اینترنت
اموزش درست کردن یک منوی زیبا توسط CSS
loading...

بوی سیب

با توجه در درخواست تعداد یاز کاربران امروز یک منوی زیبا فقط توسط CSS ساختم و در ادامه نحوه درست کردن ، دمو و لینک دانلود را قرار داده ام . قبل از هر چیز بگم که این منو کد نویسیش خیلی خیلی ساده هستش ! یعنی کافیه که شما فقط در حد معمولی به CSS و HTML آشنا باشید . برای درست کردن منو ابتدا کد های CSS را میسازیم توی استایل زیر چیز خاصی انجان ندادیم فقط فرون هاشو تعریف کردیم و با استفاده از list-style اون نقطه کنار لیست ها رو برداشته ایم . .menu ul{ font:normal 17px 'b yekan',tahoma; list-style:none;…

admin بازدید : 315 پنجشنبه 27 مهر 1391 زمان : 23:36 نظرات ()

css-menu

با توجه در درخواست تعداد یاز کاربران امروز یک منوی زیبا فقط توسط CSS ساختم و در ادامه نحوه درست کردن ، دمو و لینک دانلود را قرار داده ام .


قبل از هر چیز بگم که این منو کد نویسیش خیلی خیلی ساده هستش ! یعنی کافیه که شما فقط در حد معمولی به CSS و HTML آشنا باشید .

برای درست کردن منو ابتدا کد های CSS را میسازیم

توی استایل زیر چیز خاصی انجان ندادیم فقط فرون هاشو تعریف کردیم و با استفاده از list-style اون نقطه کنار لیست ها رو برداشته ایم .

 .menu ul{ font:normal 17px 'b yekan',tahoma; list-style:none; } 

 

خوب حالا نوبت به استایل دهی ul و li ها رسیده ( ul و li دو تگ هستند در html که برای درج منو های نا مرتب استفاده می شوند )

توی استایل زیردر خط اول تعین کریدیم که  از هر طرف li ها چقدر فاصمه داشته باشند از داخل ، در خط دوم جهت را تعیین شده است تا منو ها بصورت افقی کنار همدیگر گذاشته شوند ، در خط سوم رنگ پس زمینه را تعیین کرده ایم ، در خط چهارم نیز تعیین شده است که li ها از بالا چقدر فاصله داشته باشند در بیرون ، در خط پنجم تعیین شده است که من ها چقدر بردر یا به عبارتی کادر داشته باشند . در خط ۶-۷-۸ تعیین شده است که وقتی موس رفت روی منو ها با توجه به زمان تعیین شده به میلی سانیه  بردر هایی که تعیین شده است به پاین کشیده شود ( به زبان خیلی ساده :دی )

ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • موضوعات

  • هیئت چهارده معصوم
  • مداحان
  • موزیک های محرمی
  • مقالات
  • پخش انلاین
  • گالری تصاویر
  • ادعیه
  • اس ام اس ها
  • BSدیزاین
  • بانک کد مذهبی
  • نرم افزار های مذهبی
  • دانلود صوت قران کریم
  • سخنرانی
  • کلام جاودان
  • اخبار
  • مطالب
    آرشیو
  • 1393
  • 1391
  • نظرسنجی
    نظر شما راجع قالب سایت چیست؟





    مداحی

    هلالی

    آمار سایت
  • کل مطالب : 306
  • کل نظرات : 26
  • افراد آنلاین : 1
  • تعداد اعضا : 41
  • آی پی امروز : 9
  • آی پی دیروز : 8
  • بازدید امروز : 69
  • باردید دیروز : 26
  • گوگل امروز : 1
  • گوگل دیروز : 0
  • بازدید هفته : 69
  • بازدید ماه : 1,364
  • بازدید سال : 4,807
  • بازدید کلی : 398,326
  • کدهای اختصاصی