رفتن به مطلب

ساختن منو وردپرسی دلخواه


پست های پیشنهاد شده

با سلام .

من میخام با استفاده از لیست دسته ها یه منو بسازم ، طوری که همه رو یکجا در کنار هم توی منو نشون نده ،

بلکه زیر دسته ها رو ، وقتی که روی دسته والد میریم نشون بده .

برای این کار خودمون باید کد بنویسیم یا وردپرس توابعی برای این کار داره ؟؟

ممنون میشم راهنماییم کنید .

لینک به ارسال

این مربوط به html / css هست. در صورت تمایل برای اعمال تغییرات در پوسته خود به لینک موجود در امضام مراجعه کنید.

لینک به ارسال

این مربوط به html / css هست. در صورت تمایل برای اعمال تغییرات در پوسته خود به لینک موجود در امضام مراجعه کنید.

سلام

این چندمین پست از شماست که صرفا اسپم هست، اگر راه‌حلی ندارید اسپم ارسال نکنید!

اسم این روش منوی افتادنی هست

این‌ها رو بررسی کنید


https://wordpress.org/plugins/dropdown-menu-widget/
http://cssmenumaker.com/blog/wordpress-3-drop-down-menu-tutorial
http://perishablepress.com/css-dropdown-menu-wordpress/
http://silvercover.ir/?p=1343

لینک به ارسال

دوست عزیز برای این کار میتونی کد زیر رو در محل مناسبی(ترجیا در فایل هدر ) قرار بدی :


<div class="body2"> <ul id="nav"> <li><?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?></li> </ul></div>

بعد برای زیبا سازی ان این کد سی اس اس رو در شیوه نامه سایتت (style) قرار بده :



/* ------- body2 ------- */
.body2 {width: 960px;margin: 5px auto;color: #666;text-align:right;font-family:BYekan, Tahoma;
font-size:13px;}
a {color: #333;}
#nav {margin: 0;padding: 7px 6px 0;background: #7d7d7d url(images/gradient.png) repeat-x 0 -130px;line-height: 100%;border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {margin: 0 5px;padding: 0 0 8px;float: right;position: relative;list-style: none;}
/* main level link */
#nav a {font-weight: bold;color: #e7e5e5;text-decoration: none;display: block;padding: 8px 20px;margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {background: #000;color: #fff;}
/* main level link hover */
#nav .current a, #nav li:hover > a {background: #666 url(images/gradient.png) repeat-x 0 -40px;color: 37badc;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {background: none;border: none;color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#nav ul a:hover {
background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important; color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
#nav li:hover > ul {display: block;}
/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 125px;
position: absolute;
top: 35px;
z-index: 1000;
left: 0;
background: #DDD url(images/gradient.png) repeat-x 0 0;
border: solid 1px #B4B4B4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;}
/* level 3+ list */
#nav ul ul {left: 181px;top: -3px;}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;}
html[xmlns] #nav {display: block;}
* html #nav {height: 1%;}

به همین راحتی ، حالا شما یک منوی کشویی دارید :)

اگر بازم مشکلی داشتی مطرح کن تا پیگیری کنیم .

ویرایش شده توسط navidbayat73
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...