آموزش ساخت منوی سایدبار جلسه ۲

//

آموزش ساخت منوی سایدبار جلسه ۲

باسلام خدمت شما کاربران وب سایت پاسخ وردپرس درخدمت شما هستم با آموزش HTML5 و CSS3  جلسه دوم
ساخت منوی سایدبار به صورت حرفه ای توی جلسه قبلی آموزش ساخت منو  ما  کد های HTML
منو را پیاده سازی کردیم توی این جلسه از آموزش میخواهیم منوی را تکمیل کنیم پس با من همره باشید .

آموزش ساخت منوی سایدبار جلسه دوم

توی جلسه قبلی آموزش ما تا اینجا پیشرفتیم که تصویر نمونه را در زیر مشاهده می کنید .

آموزش ساخت منوی ساید بار

برای این که ظاهر بهتری برای منو خود بدیم از کدهای CSS کمک می گیریم که توی جلسه فیلی یکم استایل بهش دادیم
برای ادامه استایل کد های CSS زیر داخل فایل style.css خود قرار دهید .

بعد از قرار دادن کد های بالا داخل فایل style.css می بینیدکه منو سایدبار ما یک استایل مناسب به خود گرفت مثل تصویر زیر .

آموزش ساخت منوی آبشاری سایدبار

آموزش ساخت منوی سایدبار کشویی

برای این که ما بتوانیم از زیر منوی داخل سایدبار استفاده کنیم کد های HTML را
دخل فایل index.html دخل تگ nav اضافه نمایید .

بعد از قرار دادن کد های بالا داخل فایل index.html نتیجه کار به صورت زیر خواهد بود .

آموزش ساخت منوی آبشاری سایدبار

دقت داشته باشید که من داخل یک تگ a زیر منو از یک فونت آیکون استفاده کردم که مشخص باشه یک زیر منو داره
برای استایل دادن کد های CSS زیر داخل فایل style.css  خود در ادمه کدهای قبلی قرار دهید .

نبیجه کار 

خوب این جلسه از  آموزش طراحی قالب HTML5 و CSS3 به پایان رسید امید وارم که مفید بوده باشید.

اگه این آموزش برای شما مفید بود پس به دوستان خود توی شبکه های اجتماعی به اشتراک بزارید تا یگی
دیگه از آموزش های رایگان وب سایت پاسخ وردپرس خدا نگهدار

میانگین رتبه 5/5 تعداد رای : 1

نظرات

هیچ دیدگاهی برای این محصول نوشته نشده است.

سبد خرید
در حال بروز رسانی