قالب وردپرس قالب وردپرس آموزش وردپرس قالب فروشگاهی وردپرس وردپرس
خانه / مقالات / css/html / ساخت منو آبشاری با css ,html و وردپرس

ساخت منو آبشاری با css ,html و وردپرس

ساخت منو آبشاری با css ,html و وردپرسReviewed by سالار on Jul 14Rating: 4.5

سلام به همه ی همراهان

امروز میخواهیم راجع به ساخت منو در css و html صحبت کنیم. همانطور که میدانید فهرست وب سایت بخش بسیار مهمی از وب سایت را تشکیل می دهد پس باید دارای طراحی مناسب زیبا و کارآمد باشد .

در این آموزش سعی شده است  که تمام مراحل ساخت یک منوی آبشاری، به صورت گام به گام و کاملا مفهومی توضیح داده بشود.
برای شروع کار به header.php قالبتون مراجعه کنید و کد زیر رو در یک جای مناسب قرار بدهید.
در واقع این یک کد آزمایشی برای ساخت چارچوب منوها و زیر منوهای ما است.

*البته اگر در مرحله طراحی هستید به index.html مراجعه کنید .

حالا اگر کدهای بالا رو در قالب اجرا کنید چیزی شبیه تصویر زیر رو خواهید داشت.

اما این چیزی نیست که ما دنبالش هستیم، بنابراین برای فرم دهی و زیبا سازی به سراغ کدهای css میرویم.

قطعه کدی که در زیر گذاشته می شود css کد html بالا است

 

خوب، حالا کد زیر رو که تنظیم کننده ی استایل کلی قالب منوی ماست ، در ادامه ی کد بالا قرار بدید.

تا اینجا قالب کلی منوهای ما شکل گرفته است ، اما هنوز کار تمام نشده است  چون این حالت فقط برای منوهای اصلی است  و زیر منوها شامل ان نمیشوند.
بنابراین، در قدم بعدی کد زیر را در ادامه کدهای قبلی قرار بدهید و نتیجه را مشاهده کنید.

حالا منوهای ما شکل بهتری  گرفتند…

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

در ضمن اگر خواستید در وب سایت وردپرسی منو های خود را آبشاری نشان دهید به جای این مقدار کد میتوانید تکه کد زیر را  در کنار کدهای html بالا در header.php قرار دهید.

 

شاد باشید .

 

مطلب پیشنهادی

طراحی Loading بدون استفاده از تصویر

طراحی Loading بدون استفاده از تصویرReviewed by سالار on Aug 9Rating: 5.0سلام به همه ی …

پاسخ دهید

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

 
در خبرنامه ما عضو شوید

در خبرنامه ما عضو شوید

در خبرنامه ما عضو شوید تا بهترین پست هفته مارو در ایمیل خودتون دریافت کنید :)

تبریک ! شما عضو خبرنامه ما شدید