رفتن به مطلب

استایل دلخواه wp_nav_menu


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

سلام و خسته نباشید به همه اساتید من میخوام در 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 قرار دهید.

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