رفتن به مطلب

مشکل با منو های هدر


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

سلام طبق این اموزش اضافه کردم موضوعات رو به هدرم ولی خوب فقط موضوعات اصلی رو نشون می ده و زیر دسته ها رو نشون نمی ده به صورت کشویی لطفا یک کمک بزنید به ما

http://www.toopdesign.com/1390/07/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%82%D8%B1%D8%A7%D8%B1-%D8%AF%D8%A7%D8%AF%D9%86-%D9%85%D9%86%D9%88%DB%8C-%D9%85%D9%88%D8%B6%D9%88%D8%B9%D8%A7%D8%AA-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%A7%D9%81/?replytocom=551

اینم ادرس سایت خودمون

ariaie.ir

اون بالا به رنگ ابی هست مشکل باز شدن کشویی و از این جور چیزاش حل بشه سی اس اسش رو تغییر می دهم

لینک به ارسال

کدتون رو چک کنید childof باید برابر 0 باشه و hierarchical برابر یکگ یا true

برای رفع مشکل کدی که گذاشتید را بگذارید نه آموزشی که خواندید واقعا فرصت لود شدنت سایت دیگه و خوندن یک صفحه آموزش نیست

لینک به ارسال

آموزشش طولانی نیست فقط کدهاست نگاه کنید می فهمید برای این اموزش رو گذاشتم چون همه کد ها رو داشت

می شه توی همون لینکی که دادم کد هاشو نگاه کنید چون هیچ کدوم از چیزایی که گفتید ندیدم

لینک به ارسال

نمی دونم می شه نگاه بندازید من مدت ها با همین کد قراردادن موضوعات مشکل دارم اگر می شه کمک کنید این بخش رو درست کنم

لینک به ارسال

نگاه کنید اقا مرتضی برام مهم نیست شبیه چی یا کجا بشه شکلش رو خودم بعد تغییر می دهم از طریق سی اس اس فقط الان می خواهم زیر مجموعه های دسته ها وقتی روی دسته اصلی وا میستی بیاد که الان نمیاد به صورت دروپ دون

لینک به ارسال

دوست عزیز اشتباهی که در کد category می شه اینه که معمولا فکر می کنند اگر وضعیت child فعال باشه باید زیر منو ها هم دیده بشه در صورتی که اینطوری نیست در این وضعیت فقط عناوین دسته هایی دیده می شه که زیر دسته ای دارند و در صفحه بایگانی اون دسته فقط عناوین زیر دسته هاش

اگر وضعیت child برای کد شما فعال است (1 یا true) غیر فعالش کنید و وضعیت

hierarchical را فعال

لینک به ارسال

خوب با استفاده از یک کد دیگه درست کردم منو هارو و موضوعات رو ولی باز الان یکسری مشکل دیگه وجود داره کد ها و تصویر رو می زارم بعد توضیح می دهم


/* ------- 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: 185px;position: absolute;top: 35px;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, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(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%;}


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

این کد ها هست حالا این تصویر رو نگاه کنید

post-1293-0-54152000-1371800881_thumb.jp

در بخش یک موضوعات به سمت راست رفته می خواهم همش بیاد وسط بعد تو بخش دو اگر نگاه کنید منو ها بزرگ هست و موضوعات رفته سمت راست می خواهم بیاد همش وسط بعد اندازه منو ها هم نسبت به طول بزرگترین موضوع تغییر کنه و اتوماتیک باشه

لینک به ارسال

به استایل nav و nav a اضافه کنید


text-align:center

استایل #nav li را هم تغییر بدید به


#nav li {margin: 0 5px;padding: 0 0 8px;float: none;display:inline-block;position: relative;list-style: none;}

لینک به ارسال

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

لینک به ارسال

فرقی نمی کنه

باید به هم بریزه تا بشه شکلی که می خواهید رو درست کرد

شما می خواهی تغییرات بدی بدون تغییرات؟

نمی شه که

لینک به ارسال

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

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

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

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

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

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

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

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

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