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

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

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

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

نوع محتوا


انجمن ها

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

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

  1. سلام دوستان من یک لیست کشویی دارم که کدش به صورت زیر هست. میخوام مقادیر این لیست به ترتیب حروف الفبا نمایش داده بشوند. لطفا راهنمایی کنید. کد sort رو به چه شکلی و کجای این کد باید قرار بدم؟ یا اگر راه دیگه ای هست لطفا بهم بگید. خیییلی بهش نیاز دارم لطفا کمک کنید <?php if( isset( $dir_search_insurance ) && $dir_search_insurance === 'enable' ){?> <div class="col-sm-6 col-xs-6 doc-columnpadding"> <div class="form-group"> <div class="doc-select"> <select name="insurance" class="chosen-select"> <option value=""><?php $ esc_attr_e('Select insurance','docdirect');?></option> <?php docdirect_get_term_options('','insurance');?> </select> </div> </div> </div>
  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); }