جستجو در انجمن

در حال نمایش نتایج برای برچسب های 'منو آبشاری'.

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


انجمن ها

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

پیدا شد 2 نتیجه

  1. با سلام و خسته نباشید عذر میخوام یه سوالی داشتم من از خیلی از بچه های طراحی وب پرسیدم متاسفانه به جواب درستی نرسیدم و هرکس یه نظری میداد که نتیحه نمیگرفتم، سوالم این هستش که بعضی از سایت ها یک منو کشویی ایجاد میکنند که شکلش با منو کشویی های عادی فرق داره درواقع انگار یک افزونه اینکار را انجام میده اسم اون افزونه رو میخواستم یا روش ایجاد چنین منویی. برای درک بهتر لینک سایتی که الان نمونه آن منو را ایجاد کرده را بهمراه اسکرینشات میفرستم خدمتتون منو به رنگ قرمز و در سمت چپ تصویر بالای صفحه قرار دارد. نام منو: " مبلغ جمع آوری شده برای خیریه" میباشد http://goldtag.net/tehran پی نوشت: وقتی اشاره گر ماوس را روی منو میبریم منو کشویی باز میشود. اسرکین شات http://s6.uplod.ir/i/00925/8d78a8qa4hka.jpg
  2. سلام دوستان من میخوام یه منوی آبشاری درست کنم اما برای استایل دادن (انیمیشن) به کلاس menu1 مشکل دارم. لطفا راهنمایی کنید. ممنون <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>dropdown</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav> <ul> <li>Style 1 <ul class="drop-menu menu-1"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> <li>Style 2 <ul class="drop-menu menu-2"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> <li>Style 3 <ul class="drop-menu menu-3"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> <li>Style 4 <ul class="drop-menu menu-4"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> </ul> </nav> </body> </html> قسمت css: nav { padding: 50px; text-align: center; } nav ul { list-style: none; padding: 0; margin: 0; display: inline-block; background: #ddd; border-radius: 5px; } nav ul li { float: left; width: 150px; height: 65px; line-height: 65px; position: relative; text-transform: uppercase; font-size: 14px; color: rgba(0, 0, 0, 0.7); cursor: pointer; } nav ul li:hover { background: #d5d5d5; border-radius: 5px; } nav ul .drop-menu { position: absolute; top: 100%; left: 0%; width: 100%; padding: 0; } nav ul .drop-menu li { background: #666; color: rgba(255, 255, 255, 0.7); } nav ul .drop-menu li:hover { background: #606060; } nav ul .drop-menu li:last-child { border-radius: 0px 0px 5px 5px; } nav ul .drop-menu li { display: none; } nav ul li:hover >.drop-menu li { display: block; } /* ============= MENU 1 ============= */ nav ul li:hover >.drop-menu .menu-1 li { opacity: 0; animation: animation-name: menu1; animation-duration: 300ms; animation-timing-function: ease-in-out; fill-mode: forwards; } @keyframes menu1 { 0%; opacity: 0; transform: rotateY(-90deg) translateY(30px); 100%; opacity: 1; transform: rotateY(0deg) translateY(0px); }