unid_user

داینامیک کردن منو
داینامیک کردن منوی خیلی سخت!؟

2 پست در این موضوع قرار دارد

درود

برای داینامیک کردن یک منو به مشکل خوردم و واقعا خیلی برام سخته که با توابع وردپرس این منو رو داینامیک کنم. لطفا اگه کسی میتونه کمک کنه؟:unsure:

<div class="header-holder hidden-xs hidde-sm">
  <div class="logo-wrap">
    <div class="logo-resize"></div>
    <div class="logo">منوی خیلی سخت</div>
  </div>
  <ul>
    <li class="enable-hover" data-menu-position="1"  id="about-hmenu"><span class="hoverColor"></span><a href="about.html"><i class="fa fa-user-o"></i>درباره ما</a></li>
    <li class="enable-hover" data-menu-position="7"  id="contact-hmenu"><span class="hoverColor"></span><a href="contact.html"><i class="fa fa-phone"></i>تماس با ما</a></li>
    <li class="enable-hover" data-menu-position="9"  id="blog-hmenu"><span class="hoverColor"></span><a href="blog.html"><i class="fa fa-graduation-cap"></i>آموزش</a></li>
    <li class="enable-hover" data-menu-position="10" id="portfolio-hmenu"><span class="hoverColor"></span><a href="portfolios.html"><i class="fa fa-handshake-o"></i>نمونه کارها</a></li>
    <li class="enable-hover" data-menu-position="11" id="services-hmenu"><span class="hoverColor"></span><a href="services.html"><i class="fa fa-laptop"></i>خدمات</a></li>
  </ul>
</div>

 

0

به اشتراک گذاری این پست


لینک به پست
در در 3/24/2018 at 17:25، unid_user گفته است :

درود

برای داینامیک کردن یک منو به مشکل خوردم و واقعا خیلی برام سخته که با توابع وردپرس این منو رو داینامیک کنم. لطفا اگه کسی میتونه کمک کنه؟:unsure:


<div class="header-holder hidden-xs hidde-sm">
  <div class="logo-wrap">
    <div class="logo-resize"></div>
    <div class="logo">منوی خیلی سخت</div>
  </div>
  <ul>
    <li class="enable-hover" data-menu-position="1"  id="about-hmenu"><span class="hoverColor"></span><a href="about.html"><i class="fa fa-user-o"></i>درباره ما</a></li>
    <li class="enable-hover" data-menu-position="7"  id="contact-hmenu"><span class="hoverColor"></span><a href="contact.html"><i class="fa fa-phone"></i>تماس با ما</a></li>
    <li class="enable-hover" data-menu-position="9"  id="blog-hmenu"><span class="hoverColor"></span><a href="blog.html"><i class="fa fa-graduation-cap"></i>آموزش</a></li>
    <li class="enable-hover" data-menu-position="10" id="portfolio-hmenu"><span class="hoverColor"></span><a href="portfolios.html"><i class="fa fa-handshake-o"></i>نمونه کارها</a></li>
    <li class="enable-hover" data-menu-position="11" id="services-hmenu"><span class="hoverColor"></span><a href="services.html"><i class="fa fa-laptop"></i>خدمات</a></li>
  </ul>
</div>

 

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

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

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، یه منو برای حالت موبایل ساختم که بنظرم خودم کدهاش کاملا درسته اما نمیدونم چرا وقتی روی li دوم از ul دوم هم کلیک میکنم. فرقی نمیکنه و تمام منو بسته میشه.
      لطفا ویدئو رو ببینید حتما متوجه منظورم میشید. حجم ویدئو 40 کیلوبایت هست.
      کدهای جی کوئری:
      $("span.mobile-nav-toggle").click(function() { $("nav#mobile-nav > ul").slideToggle(400); }); $("ul.mobile-nav-ul > li:has(ul)").addClass('dropdown'); $("ul.mobile-ul-1 > li:has(ul)").addClass('dropdown'); $("ul.mobile-nav-ul > li.dropdown").click(function() { $(" > ul.mobile-ul-1", this).slideToggle(400); }); $("ul.mobile-ul-1 > li.dropdown").click(function() { $(" > ul.mobile-ul-2", this).slideToggle(400); });  
      nav menu.webm
      با تشکر و سپاس
    • توسط 2raj
      سلام و عرض ادب
      جدیدا با یه مشکل روبرو شدیم و اونم عدم نمایش زیر منو ها هست.اگر در عکس دقت کنید متوجه میشید که بعد از منو خدمات مالی و حسابداری که منوی خدمات مجالس و تشریفات ،خدمات چاپ و تبلیغات،خدمات ثبت ، تاسیس و تغییر انواع شرکت و... وجود داره نمایش داده نمیشه حتی با اسکرول به پائین هم نمیتونیم اونهارو مشاهده کنیم
      حالا ممنون میشم اگر که ممکنه مشکل رو بررسی کنید و راه حلی ارائه بدید
      آدرس سایت
      سپاس

    • توسط kalantari
      فهرستی داخل سایتم ساختم
      اما زمان اجرا داخل سایت، وقتی  از روی گزینه مادر می خوام به سمت گزینه فرزند (زیر منو) حرکت کنم کلا زیر منوها ناپدید می شن و نمی تونم منو و زیر منوها رو ببینم
      ممکنه راهنماییم کنید؟
    • توسط unid_user
      سلام و درود
      دوستان گرامی یه مشکل در منوی سایت پیش اومده وقتی میرم روی منوی محصولات زیر منو چندین بار خود به خود باز و بسته میشه. کدها و ویدئو رو هم میزارم لطفا کمک کنید.
      <nav> <ul> <li> <a href="#">صفحه اصلی</a> </li> <li class="dropdown"> <a href="#">محصولات</a> <ul> <li> <a href="#">محصول یک</a> </li> <li> <a href="#">محصول دو</a> </li> <li> <a href="#">محصول سه</a> </li> <li> <a href="#">محصول چهار</a> </li> </ul> </li> <li> <a href="#">نمونه کارها</a> </li> <li> <a href="#">درباره ما</a> </li> <li> <a href="#">تماس با ما</a> </li> </ul> </nav> nav { background-color: #616161; text-align: center; border-bottom: 2px solid #333333; } nav > ul > li { display: inline-block; list-style: none; color: #fff; font-size: 12px; } nav > ul > li > a { color: #fff; display: block; padding: 10px 20px; font-size: 12px; transition: all .5s; } nav > ul > li > a:hover, li.dropdown > ul > li > a:hover { background-color: #555555; color: #deb887; } nav > ul > li > ul > li { list-style: none; text-align: right; } nav > ul > li > ul > li > a { color: #fff; } li.dropdown { position: relative; } li.dropdown > ul { position: absolute; width: 150px; background-color: #616161; right: 0px; top: 106%; border-bottom: 2px solid #333333; display: none; } li.dropdown > ul > li > a { margin: 10px auto; display: block; padding: 10px 20px; } $("li.dropdown").hover(function() { $(" > ul", this).slideDown('slow'); }, function() { $(" > ul", this).slideUp('slow'); }); با تشکر و سپاس
      Video-Sun-Dec-16-2018-22-56-36.webm