رفتن به مطلب

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

سلام و خسته نباشید به همه اساتید من میخوام در wp_nav_menu از استایل دلخواه استفاده کنم به عنوان مثال


<ul class="class1">
<li class="class1"><a href=""> </a> </li>
<li class="class2"><a href="" class="class2" > </a>
<ul class="class3">
<li class="class4"><a href=""> </a> </li>
<li class="class4"><a href=""> </a> </li>
<li class="class4"><a href=""> </a> </li>
</ul>
</li>
</ul>

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


لینک به ارسال

html {
direction:rtl;
}
.nav {
background:#444;
}
/*.nav ul */
.nav ul {
list-style:none;
margin:0px;
padding:0;
}
.nav ul li ul {
position:absolute;
width:200px;
background:#333;
display:none;
z-index:9999999;
box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
-o-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-khtml-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
}
.nav ul li ul li ul {
background:#900;
margin-right:190px;
margin-top:-28px;
}
.nav ul li ul li ul li ul {background:#041;}
.nav ul li ul li ul li ul li ul{background:#026;}
.nav ul li ul li ul li ul li ul li ul {background:#520;}
.nav ul li:hover ul,
.nav ul li:hover ul li:hover ul,
.nav ul li:hover ul li:hover ul li:hover ul,
.nav ul li:hover ul li:hover ul li:hover ul li:hover ul,
.nav ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{display:block;}
.nav ul li:hover ul li ul,
.nav ul li:hover ul li:hover ul li ul,
.nav ul li:hover ul li:hover ul li:hover ul li ul,
.nav ul li:hover ul li:hover ul li:hover ul li:hover ul li ul
{display:none;}
.nav ul>li {
display:inline-block;
padding:0;
margin:0;
border-left:1px #333 solid;
white-space:nowrap;
position:relative;
}
/*.nav ul li*/
.nav ul li ul li {
display:block;
width:200px;
}
.nav ul li:hover {
background:#333;
}
.nav ul li ul li:hover {
background:#900;
}
.nav ul li ul li ul li:hover {
background:#041;
}
.nav ul li ul li ul li ul li:hover {
background:#026;
}
.nav ul li ul li ul li ul li ul li:hover {
background:#520;
}
.nav ul li ul li ul li ul li ul li ul li:hover {
background:#603;
}
/*.nav ul li a */
.nav ul li a {
display:block;
padding:5px 10px;
margin:0;
color:#bbb;
text-decoration:none;
}
.nav ul li a:hover {
color:#fff;
}

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


لینک به ارسال

با سلام و احترام ممنون دوست عزیز راستش من نمیخوام بهش کلاس بدم برای بوت استراپت میخوام که ساختار منو هاش به این صورته


<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>

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


لینک به ارسال

دوسته عزیز اسپم ندید لطفا قوانین رو رعایت کنید

برای استایل دادن به منو های بوتسترپ باید یکم حرفه ای باشید و با inecept element مرورگرتون روی منوی بوتتسترپ دایو مورد نظر رو پیدا کنید و بهش استایل بدید

مثل

.navbar-inverse .navbar-nav>li>a

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


لینک به ارسال

دوسته عزیز اسپم ندید لطفا قوانین رو رعایت کنید

برای استایل دادن به منو های بوتسترپ باید یکم حرفه ای باشید و با inecept element مرورگرتون روی منوی بوتتسترپ دایو مورد نظر رو پیدا کنید و بهش استایل بدید

مثل

.navbar-inverse .navbar-nav>li>a

با سلام و احترام دوست گرامی بنده اسپم ارسال نکردم یادآور شدم که مشکل پابرجاست و دوست قبلی مثل شما درست سوال رو نخونده و پاسخ داده

خلاصه مطلب من میخوام wp_nav_menu کاملا کاستوم داشته باشم :huh:

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


لینک به ارسال

اسپم دادید دوسته من و پاک شد

کاستون نداره خودتون باید شخصی سازیش کنید

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


لینک به ارسال

دوست گرامی داره و میشه شخصی سازی کرد

http://codex.wordpress.org/wp_nav_menu


<?php
$defaults = array(
'theme_location' => '',
'menu' => '',
'container' => 'div',
'container_class' => '',
'container_id' => '',
'menu_class' => 'menu',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0,
'walker' => ''
);
wp_nav_menu( $defaults );
?>

بنده نمیدونم چطور ازش استفاده کنم نمیدونستم چون شما هم نمیدونید نمیشه این کارو کرد !!!!!!!!

ممنون از دوستان مشکل حل شد ! :mellow:

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


لینک به ارسال

دوست گرامی داره و میشه شخصی سازی کرد

http://codex.wordpress.org/wp_nav_menu


<?php
$defaults = array(
'theme_location' => '',
'menu' => '',
'container' => 'div',
'container_class' => '',
'container_id' => '',
'menu_class' => 'menu',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0,
'walker' => ''
);
wp_nav_menu( $defaults );
?>

بنده نمیدونم چطور ازش استفاده کنم نمیدونستم چون شما هم نمیدونید نمیشه این کارو کرد !!!!!!!!

ممنون از دوستان مشکل حل شد ! :mellow:

دوسته عزیز شما میگید استایله دلخواه بعد الان ی چیزه دیگه میزارید :mellow:

بوتسترپ فرق میکنه برای اد کردنه منوش ی کد مخصوص داره تو قالب وردپرس همین کد شما با کمی تغییر و یک دیگر تو فانکشن قالب

ما میدونیم شما سوالتون رو درست نپرسیدید و انتظار جوابه خوب دارید

خدارو شکر که حل شد

موفق باشید

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


لینک به ارسال

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

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

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

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

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

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

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

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


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