امیر حسین حبیبی

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

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

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

0

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


لینک به پست

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;
}

2

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


لینک به پست

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


<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>

0

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


لینک به پست

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

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

مثل

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

1

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


لینک به پست

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

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

مثل

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

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

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

0

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


لینک به پست

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

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

2

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


لینک به پست

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

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:

0

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


لینک به پست

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

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:

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

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

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

موفق باشید

1

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


لینک به پست

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

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

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

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


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

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

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


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