سعید شعبانی

افزودن استایل به منو بوسیله فهرست ها به وردپرس

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

سلام دوستان

من روش افزودن منو به وردپرس را بلدم ولی استایل دادن به منو یکم مشکل هست. اگر ممکنه یک منو وردپرس با کد های آماده (css,php) در اختیارم بگذاریم تا اون رو ویرایش کنم. اگر هم ریسپانسیو باشه که چه بهتر این رو هم بگم که من تا حالا خیلی آموزش ها در مورد منو رو هم خوندم ولی چون کد نویسی css یکم زیاد هست نتونستم خودم استایلش رو بنویسم.

0

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


لینک به پست

آموزش کامل

http://wp.tutsplus.com/tutorials/wordpress-theme-development-training-wheels-day-two/

فقط نیاز به راست چین کردن دارد

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط 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
    • توسط nnmmss
      سلام
      من كاملا در وردپرس تازه كار هستم. سايتي با پوسته RealNews طراحي شده. منوهايي دارم كه داراي منو و زير منو هستند. وقتي يك نوشته را به زير منو اختصاص ميدم بعد روي منو ميروم كليه نوشته هاي زير منو را هم نشان ميدهد. مثلا من به اين صورت است
      منو1
      زيرمنو 1-1
      زير منو1-2
       
      من اگر روي زير منو 1-1 كليك كنم فقط نوشته هاي زير منو 1-1 را نشان ميده ولي وقتي روي منو1 كليك كنم تمام نوشته هاي منو1   ,    زيرمنو1-1 و زيرمنو1-2 را نشان ميدهد. چطور ميتوانم اين موضوع را تصحيح كنم كه با كليك كردن روي منو1 فقط نوشته مربوط به منو1 را نشان دهد
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، یک منوی خیلی جالب در وب سایت آنیاک learninweb.com هست که می خوام مشابه اون رو طراحی کنم. اما بعد از کلی تلاش نتونستم درستش کنم. لطفا اگه کسی از دوستان میدونن راهنمایی کنید.
      با سپاس و تشکر
       

    • توسط mojtabajml
      سلام دوستان 
      سایتی دارم که اخیرا هر منویی که بهش اضافه میکنم هم عنوان صفحه رو توی منو میاره و هم محتوای صفحه! بخاطر همین کلا منو بهم میریزه. جالبه که واسه صفحاتی که قبلا توی منو بوده این مشکل نیست. کسی با این مشکل آشنا هست که بتونه راه حلی بهم بده؟
      متشکرم
    • توسط javadmezgi
      با سلام و احترام خدمت همه برنامه نویسان عزیز.
      سایتی که که من با قالب آماده راه اندازی کردم، زیر منو ها رو نمایش میده
      اما
      این زیر منو ها کنار هم چیده می شوند.
      لطفا سایت رو مشاهده کنید
      hb2018.ir
       
      من میخوام که این زیر منو ها ، زیر هم قرار بگیرند نه کنار هم
      لطفا راهنمایی کنید
      با عرض پوزش با کد نویسی آشنایی ندارم. کد بخش mega meno رو از قسمت style.css  براتون در زیر آوردم.
      لطفا اگر نیاز به ویرایش داره راهنمایی کنید
      #top-menu{ -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2); box-shadow: 1px 1px 7px rgba(0,0,0,.2); } .navbar, .dropdown-menu, .navbar .nav>li>a, .dropdown-menu>li>a, .nav{ font-size: 14px; } .navbar-brand { font-size: 15px; } .megamenu>li>a, .navbar .navbar-nav>li>a { padding-right: 5px; padding-left: 5px; } .megamenu .menu-item-description { text-indent: 20px; } .megamenu .submenu-link { margin-bottom: 5px; padding: 5px; } .megamenu .dropdown-menu { padding-top: 10px; } .megamenu .dropdown-menu * { z-index: 10000; -webkit-backface-visibility: hidden; /* fix for chrome white flash */ } .megamenu .dropdown-menu a.submenu-title-link:hover, .megamenu .dropdown-menu a.submenu-child-link:hover{ font-weight: bold; padding-right: 0; padding-left: 10px; } .dropdown-menu { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; } .megamenu .dropdown { position: static !important; } .megamenu .dropdown-menu a, .megamenu .menu-item-description{ display: block; } .megamenu .dropdown-menu * { white-space: nowrap; } @media screen and ( min-width: 768px ) { .megamenu > li.dropdown:hover > ul.dropdown-menu, .megamenu .open > .dropdown-menu { left: auto; display: table; border-right: 2px solid red; max-width: 85%; } .megamenu .menu-col { display: table; } } @media screen and ( max-width: 768px ) { .megamenu .nav{ display: initial; } .megamenu .open > .dropdown-menu { display: block; } .megamen .dropdown-menu li { display: block; } } .navbar-right.megamenu .dropdown-menu { left: auto; right: 1; } #bottom-navbar-collapse{ text-align: center; } #bottom-navbar-collapse .navbar-nav{ display: inline-block; float: none; } #bottom-navbar-collapse .navbar-nav>.active>a { background-color: inherit; background-image: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; }