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

مطالب پیشنهادی برای شما مهمان عزیز

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

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

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

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

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

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

بیشتر بخوانید :
آموزش html و css جلسه 9 لیست ها در html | پاسخ وردپرس |

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

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

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

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

بیشتر بخوانید :
آموزش border-radius در css | پاسخ وردپرس |

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

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

نبیجه کار 

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

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

بیشتر بخوانید :
آموزش طراحی قالب html طراحی footer نمایش آخرین نرم افزار های موبایل | پاسخ وردپرس |

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام یا پیج یوتیوب پاسخ وردپرس عضو شوید.

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *