منو برای دسته ها

[goldenfont 39]

سلام

دوستان من میخوام منو سایتم مثل سایت bartarinha.ir باشه . استایلشو دارم . حالا چجوری کدشو با این کد :

<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>

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

ممنون

[PRGAME 175]

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

[goldenfont 39]

جدی ؟

خب منم استایلشو میخوام دگ دوستم

[Parsa 23463]

با فایرباگ مرورگر فایرفاکس

استایل اون بخش رو بدست آورید

[goldenfont 39]

نه منظورم از این که استایلشو میخوام اینه که چجوری بنویسمش ؟

همین کد رو بزارم مثل منو اون سایت نمیشه !

لای چه div بزارم ؟

دقیقا منو همون سایت ک گفتم

استایلش رو هم دارم

[Morteza 34190]

شما استایلو دارید

کافیه نام کلاسی که در کد وردپرس تولید میشه رو با استایلی که دارید ست کنید

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

[goldenfont 39]

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

با این کد به نتیجه ای نرسیدم :

<div id="nav3" class="bg_s bg_nav">  
<ul>   
<li class="nav_link"><?php wp_list_categories('orderby=name&title_li=&depth=4'); ?></li>   
			    </ul> 
</div>

[goldenfont 39]

این کد روهم امتحان کردم نتیجه نداشت :

<div id="nav3" class="bg_s bg_nav"> 
<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>
</div>

[Morteza 34190]

استایلی که برای لینک ها تعریف شده چی هست؟

[goldenfont 39]

http://www.bartarinha.ir/client/themes/fa/main/css/styles_10965.css

لطفا فراخوانی رو بدین من

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

[imanfakhar 26231]

بعد از div باید یک ul هم بگذارید و در css بجای nav_link بگذارید cat-item

به شکل زیر

#nav3{width: 980px;position:relative;overflow: hidden;}
#nav3 ul {padding: 0px;margin: 0px;list-style-type: none;}
#nav3 li {float: right;margin: 0px;color:#000;font-size: 10px;}
#nav3 li.cat-item {float: right;margin: 0px;color:#000;font-size: 10px;background: url('images/btn_t_nav_01.gif') no-repeat 0px 0px;padding-left: 5px;}
#nav3 li.li_active {background-position: 0px -58px;}
#nav3 li.li_over {color:#ffffff;background-position: 0px -29px; }
#nav3 li a {text-decoration: none;}
#nav3 li a span{background: url('images/btn_t_nav_02.gif') no-repeat 0px 0px;padding: 7px 5px 6px 5px;font-size: 11px;color:#000000;line-height:27px;padding-left: 0px;padding-left: 0px !important;padding-left: 5px;padding-right: 5px !important;padding-right: 0px;}
#nav3 li a span.span_active{background-position: 100% -58px;padding-bottom: 7px;padding-left: 0px !important;padding-left: 5px;padding-right: 5px !important;padding-right: 0px;}
#nav3 li a span.span_over{background-position: 100% -29px;color: #ffffff;}
#nav3 li a:hover {text-decoration: none;}

و

<div id="nav3" class="bg_s bg_nav">
<ul>
<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>
</ul>
</div>

در ضمن سه تا تصویر را هم باید داشته باشید و در پوشه images قالبتون ذخیره کنید و در کد هم اصلاح کنید (در کد من آدرس اصلاح شده است)

[goldenfont 39]

ممنون

دقیقا طبق حرف شما انجام دادم ولی باز هم نتیجه ای نگرفتم ، استایل رو قرار دادم ، عکسهارو آپلود کردم ، حتی اونیکه پوزیشن داشت !

منو این شکلی شد :

ویرایش شده تیر 92 توسط goldenfont

[imanfakhar 26231]

فکر کنم بهتره قیدش رو بزنید این منو کلاس را مستقیما به span داده که در لیست خودکار وردپرس نمی تونید داخل لینک ایجادش کنید مگر اینکه یک سری کد به فانکشنز اضافه کنید

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

[goldenfont 39]

خب قیدشو زدم ، منم دگ عین اون بدم

حالا پس یه منو جدید مثل این استایل و فراخوانیشو میدین ؟

خیلی شبیه این باشه

مرسی

[goldenfont 39]

چطوری بهش span بدم ؟

اینطوری زیاد فرقی نکرد !

<div id="nav3" class="bg_s bg_nav">
<ul>
<span>
<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>
</span>
</ul>
</div>

[Morteza 34190]

<div id="nav3" class="bg_s bg_nav">
<li><a href="<?php echo get_option('home'); ?>/"><span>Home</span></a></li>
<?php echo preg_replace('@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i’, ‘<li$1><a$2><span>$3</span></a>’, wp_list_categories(’echo=0&orderby=name&exlude=181&title_li=&depth=1′)); ?>
</ul>
</div>

یا

<div id="nav3" class="bg_s bg_nav">
<?php
  $categories = get_categories();
  foreach ($categories as $cat) {
  echo '<li><a href="'.get_option('home').'/'.get_option('category_base').'/'.$cat->category_nicename.'/"><span>'.$cat->cat_name.'</span></a></li>';
  }
?>
</div>

[goldenfont 39]

ممنون آقا مرتضی اولیه ک فک کنم کد گذار مشکل پیدا کرده !!

'@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i’,

دومیه هم مشکلش اینه هاور منو نمیاد ، و خطهای جدا کننده بین هر لینک وجود نداره

این دو مورد رو رفع کنید ممنون میشم

بعدم اینکه آدرسها اینطوری میشه و صفه 404 میادش http://hotskin.xzn.ir//name-daste-be farsi/

ویرایش شده تیر 92 توسط goldenfont

[Morteza 34190]

کلا کدهای اون سایت رو استفاده نکنید بهتره

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

شما فقط کدهای پست اول خودتون (وردپرس* رو توی سایت قرار بدید

بعد خروجی html ش رو اینجا بزارید

[goldenfont 39]

نفهمیدم چی میگین !

[Morteza 34190]

شما این رو

<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>

توی پوسته قرار بدید

خروجی html رو بزارید اینجا

[goldenfont 39]

<li class="cat-item cat-item-5"><a title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع اخبار" href="http://hotskin.xzn.ir/?cat=5">اخبار</a>
</li>

به تعداد دسته ها این کدها اومد در html اش

[Morteza 34190]

اینجا رو ببینید:

http://jsfiddle.net/GExpS/

[goldenfont 39]

پس چرا اینجا . . . . .

http://hotskin.xzn.ir/

[Morteza 34190]

خوب مشکلش کجاست؟

[goldenfont 39]

آقا مرتضی ؟ این منو مشکلی نداره ؟