shams 14 تیر 1393 10 15655 بازدید آموزش CSS
فیلم آموزش ساخت منوی کشویی عمودی با CSS

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

می توانید لیست منوهای دیگری که در آنلاینر آموزش داده شده است را در زیر مشاهده کنید :

فیلم آموزش ساخت منوی کشویی عمودی با CSS

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

نظرات کاربران (10)



  1. armin

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

    • گروه آموزش طراحی سایت

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

  2. abi

    سلام دوست عزیز،

    ممنون از آموزش های خوبتون.

    من طبق آموزش شما از فایل های html و css استفاده کردم ولی نتیجه من اینجوزی نشد. چرا ؟

    عکس نمونه کار من:

    http://www.up3.98ia.com/images/waeha3ll2zq9ybdgu1n.jpg

    من با نرم افزار dreamviewer CS6 کارو انجام دادم. مشکل از نرم افزاره ؟

    یک سوال دیگه این فایل reset.css دقیقا چیه ؟ متوجه نشدم.

    با تشکر از زحماتتوت

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      دوست عزیز مشکلی از نرم افزار نیست؛ در مورد فایل reset.css هم میتوانید به این آموزش مراجعه بفرمایید:
      آموزش ساخت CSS Reset
      ضمن اینکه با توجه به حجم سوالات کاربران، امکان پاسخگویی تنها برای دانشجویان دوره آموزش پیشرفته طراحی صفحات وب وجود دارد.


  3. کارت واقعا خوبه دستت درد نکنه
    اینم به دردم خورد.

  4. امیر

    سلام
    میخواستم بدونم اگه بخوام زیر منوهام با یه مکث نشون داده بشه باید transition رو کجا استفاده کنم ؟
    میشه یه توضیح راجع به این بدین ؟!
    سپاسگذارم

    • گروه آموزش طراحی سایت

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

  5. علی

    سلام. با آموزش زیبا و بی نطیرتون.
    چند تا سوال داشتم اینکه:
    1- اگه بخوام بای نوشته های منوی اصلی آیکون بزارم باید چکار کنم؟
    2- اگه بخواهیم هم منوی افقی و هم منوی عمودی داشته باشیم دارای زیر منو، باید از ویژگی class یا id استفاده کنیم؟
    در غیر اینصورت یه آموزش برای هر دو بدین تا چطور از هم جدا سازی کنیم.
    3- چطور میشه در زیر منو های منوی افقی چند تا سربرگ گذاشت که هر یک از این سربرگ ها دارای زیر منو گذاشت؟
    4- چطور میشه کنار زیر منو ها یوگو گذاشت؟

    • علی آخرتی

      سلام
      خواهش میکنم.
      ۱- میتونید از پلاگین nav menu image استفاده کنید.
      ۲- خیلی راحت میتونید با دادن دو آی دی متفاوت یا کلاس متفاوت برای اون ها کلاس ها و سی اس اس های منو ها رو تعریف کنید.
      حالا یکیش رو عمودی میسازید یکیشم خصوصیات منوی افقی رو تعیین میکنید.
      ۳- در این صورت شما باید به آیتم هایی که سربرگ هستند کلاس بدید و براشون ظاهرشون رو تعیین کنید.بعد برای فرزندان این آیتم ها مثل آموزش دوباره خصوصیات منو رو بصورت مجزا تعریف کنید طوری که با منوی اصلی شما تداخل پیدا نکنه.
      ۴- منظورتون لوگو هست فکر میکنم.
      بله.فقط کافیه خارج از تگ منو تگ های زیر رو قرار بدید و لینک و آدرس عکس و متن ها رو هم جایگزین کنید.

      ضمنا حتما به کلاس logo در فایل سی اس اس تون float:right; و margin:0 0 5px 10px; بدید با فاصله ها منظم بشن.
      میتونید خودتون نسبت به قالبتون این خصوصیات رو تغییر بدید.


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