در ادامه ی آموزش های کاربردی طراحی سایت، ساخت منوی کشویی عمودی را به شما خواهیم آموخت. در این آموزش، اصول و مفاهیمی که برای ساخت منوهای کشویی باید رعایت کنید را برای شما بیان خواهیم کرد.
می توانید لیست منوهای دیگری که در آنلاینر آموزش داده شده است را در زیر مشاهده کنید :
- منوی کشویی افقی
- منوی آکاردئونی (کشویی)
- منوی افقی ساده
- منوی عمودی از روی طرح گرافیکی فتوشاپ
- منوی افقی کاربردی و استفاده از تکنیک double border
- تب منوی افقی
- تب منوی عمودی
[hdplay id=122]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/css-videos/vertical-drop-down-menu.mp4′]دانلود فیلم آموزش ساخت منوی کشویی عمودی با CSS[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/vertical-drop-down-menu.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش کدنویسی منوی دراپ داون (Drop Down) افقی براساس طرح گرافیکی
- آموزش بعدی : فیلم آموزش کدنویسی منوی دراپ داون (Drop Down) عمودی براساس طرح گرافیکی
- لیست فیلم ها : فیلم های آموزش جامع CSS
12 دیدگاه دربارهٔ «فیلم آموزش ساخت منوی کشویی عمودی با CSS»
سلام.خسته نباشید
من در سایتم نمیتونم
چندتا فهرست کشویی بزارم
میشه بگید چی کار میتونم کنم لطفا؟
سلام. مشکلتون دقیقا چی هست؟
سلام و خسته نباشید ببخشیدسوال بنده در مورد این مبحث نیست یک مبحث دیگه در مورد سی اس اس هست ممنون میشم پاسخ بدین بنده یک سوال داشتم
من قصد طراحی یک وب سایت دارم که قالبشم میخوام به صورت اختصاصی بزنم وردپرس
حالا بنده مبخوام برای پست جدید یک کلاس طراحی کنم با سی اس اس یک مشکلی دارم بنده وقتی قالبمو طراحی کردم وقتی در قسمت پیشخوان وردپرس نوشته جدیدی نوشتم ممکنه نوشته زیاد باشه و از اون استایلی که تعریف کردم بیاد بیرون چیکار کنم که به صورت اتومات هر نوشته ای نوشتم هر چند خط بودش در داخل همون استایل تعریف کردم نمایش داده بشه ممنون میشم راهنمایی کنید
با عرض سلام و احترام خدمت شما
پاسخ به این سوال شما نیازمند بیان چندین نکته است که در طی دوره های آموزش طراحی قالب وردپرس و آموزش طراحی صفحات وب به آن ها به صورت دقیق اشاره کرده ایم، لطفا مباحث آموزشی را به ترتیب دنبال بفرمایید و در هر بخشی که سوال داشتید، سوال خودتان را در بخش دیدگاه ها مطرح بفرمایید تا بتوانیم به صورت کامل در خدمت تان باشیم.
سلام دوست عزیز،
ممنون از آموزش های خوبتون.
من طبق آموزش شما از فایل های html و css استفاده کردم ولی نتیجه من اینجوزی نشد. چرا ؟
عکس نمونه کار من:
http://www.up3.98ia.com/images/waeha3ll2zq9ybdgu1n.jpg
من با نرم افزار dreamviewer CS6 کارو انجام دادم. مشکل از نرم افزاره ؟
یک سوال دیگه این فایل reset.css دقیقا چیه ؟ متوجه نشدم.
با تشکر از زحماتتوت
با عرض سلام و احترام خدمت شما
دوست عزیز مشکلی از نرم افزار نیست؛ در مورد فایل reset.css هم میتوانید به این آموزش مراجعه بفرمایید:
آموزش ساخت CSS Reset
ضمن اینکه با توجه به حجم سوالات کاربران، امکان پاسخگویی تنها برای دانشجویان دوره آموزش پیشرفته طراحی صفحات وب وجود دارد.
کارت واقعا خوبه دستت درد نکنه
اینم به دردم خورد.
سلام
میخواستم بدونم اگه بخوام زیر منوهام با یه مکث نشون داده بشه باید transition رو کجا استفاده کنم ؟
میشه یه توضیح راجع به این بدین ؟!
سپاسگذارم
سلام
برای عنصر والد باید استفاده کرد.
البته بهتره که از جی کوئری استفاده کنید. چون فقط بحث لود زیر منوها نیست؛ بحث زمان بندی پنهان شدن شون هم هست و سازگاری با تمامی مرورگرها
سلام. با آموزش زیبا و بی نطیرتون.
چند تا سوال داشتم اینکه:
1- اگه بخوام بای نوشته های منوی اصلی آیکون بزارم باید چکار کنم؟
2- اگه بخواهیم هم منوی افقی و هم منوی عمودی داشته باشیم دارای زیر منو، باید از ویژگی class یا id استفاده کنیم؟
در غیر اینصورت یه آموزش برای هر دو بدین تا چطور از هم جدا سازی کنیم.
3- چطور میشه در زیر منو های منوی افقی چند تا سربرگ گذاشت که هر یک از این سربرگ ها دارای زیر منو گذاشت؟
4- چطور میشه کنار زیر منو ها یوگو گذاشت؟
سلام
خواهش میکنم.
۱- میتونید از پلاگین nav menu image استفاده کنید.
۲- خیلی راحت میتونید با دادن دو آی دی متفاوت یا کلاس متفاوت برای اون ها کلاس ها و سی اس اس های منو ها رو تعریف کنید.
حالا یکیش رو عمودی میسازید یکیشم خصوصیات منوی افقی رو تعیین میکنید.
۳- در این صورت شما باید به آیتم هایی که سربرگ هستند کلاس بدید و براشون ظاهرشون رو تعیین کنید.بعد برای فرزندان این آیتم ها مثل آموزش دوباره خصوصیات منو رو بصورت مجزا تعریف کنید طوری که با منوی اصلی شما تداخل پیدا نکنه.
۴- منظورتون لوگو هست فکر میکنم.
بله.فقط کافیه خارج از تگ منو تگ های زیر رو قرار بدید و لینک و آدرس عکس و متن ها رو هم جایگزین کنید.
ضمنا حتما به کلاس logo در فایل سی اس اس تون float:right; و margin:0 0 5px 10px; بدید با فاصله ها منظم بشن.
میتونید خودتون نسبت به قالبتون این خصوصیات رو تغییر بدید.
سلام
من تازه دارم یاد میگییرم که چطور یه سایت رو طراحی کنم اما
به چند تا مشکل بر خوردم طراحی که انجام میدم برای سایت خودم
از نرم افزار ExpressionWeb استفاده میکنم میخواستم برای قسمت املاک که تو سایت خودم گذاشتم یه فرم طراحی کنم که اشخاص مشخصات ملک خودشون رو وارد کنن و چند پارامتر دیگه من اینو بلد نیستم و چطور باید بانک اطلاعاتی درست کنم و به هم متصلشون کنم ممنون میشم که جواب منو بدین