pary_daryayi

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

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

سلام .

من چند برگه تعریف کردم . از قسمت فهرست ها ، منوی بالا تعریف کردم و با این کد اونها رو نمایش میدم :

فانکشن:


function register_my_menus() {
register_nav_menus(
array(
'top-menu' => __( 'فهرست بالا' ),
'main-menu' => __( 'فهرست میانی' ),
'footer-menu' => __( 'فهرست پایین' )
)
);
}

و قسمتی برای نمایش منو در index


<div id="wrap-menu">
<div class="menu">
<ul>
<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'menu') );?>
<li><a href="#" id="button-about">درباره من</a></li>
</ul>
</div>
</div><!-- end wrap-menu-->

من علاوه بر فراخوانی فهرست ها کنار منوهام ، یک منوی دیگه تعریف کردم(درباره من) که بصورت pop-up باز میشه . همه ی اینها رو انجام دادم و مشکلی نیست .

فقط نمیدونم چطور این منوی جزئی از منوهای دیگم بشه . چون این رو بصورت یک برگه تعریف نکردم.

کدی که نوشتم بهم ریختگی ایجاد میکنه. یعنی کنار منوهای دیگه قرار نمیگیره . تو تصویر مشخصه.

ممنونم دوستان.

post-1361-0-30591000-1367643303_thumb.pn

ویرایش شده در توسط pary_daryayi
0

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


لینک به پست

wp_nav_menu خروجیش ul داره

شما درباره من رو بزارید داخل ul جدا

و استایل float هر دو را right قرار دهید

1

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


لینک به پست

ممنون آقا پارسا . این کار رو هم انجام داده بودم . مرتب تر شد اما باز کنار هم قرار نمیگیرند . البته میشه کدهای css بیشتری بنویسم و درستش کنم . اما حس کردم باید بشه اینو جزئی از منوها قرار داد.


<div id="wrap-menu">
<div class="menu">
<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'menu') );?>
<ul>
<li><a href="#" id="button-about">درباره من</a></li>
</ul>
</div>
</div><!-- end wrap-menu-->

بخشی از css


.menu{
width:900px;
height:30px;
color:#000000;
float:right;
}
.menu ul
{
display: inline;
float: right;
height: 30px;
list-style-type: none;
margin: 7px 0 0;
padding: 5px;
width:700px;

}
.menu ul li
{
background:url(images/line-dm.png);
background-position: left center;
background-repeat: no-repeat;
color:#000000;
direction: rtl;
float: right;
height: 30px;
line-height: 25px;
min-width: 80px;
text-align: center;
/*border-left:1px #666666 solid */
}

به نظرتون میشه درستش کرد یا جداگانه براش استایل تعریف کنم ؟

post-1361-0-20920100-1367644579_thumb.pn

ویرایش شده در توسط pary_daryayi
0

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


لینک به پست

شما به ul طول width دادید. حذف و تست کنید

2

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


لینک به پست

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

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

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

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


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

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

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


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