رفتن به مطلب

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


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

سلام

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


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

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

ممنون

لینک به ارسال

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

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

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

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

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

لینک به ارسال

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

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

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

لینک به ارسال

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

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


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

لینک به ارسال

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


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

لینک به ارسال

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

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

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

لینک به ارسال

بعد از 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 قالبتون ذخیره کنید و در کد هم اصلاح کنید (در کد من آدرس اصلاح شده است)

لینک به ارسال

ممنون

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

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

39166009467834844011.png

ویرایش شده توسط goldenfont
لینک به ارسال

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

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

لینک به ارسال

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

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

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

مرسی

لینک به ارسال

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

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


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

لینک به ارسال

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

لینک به ارسال

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

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

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

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

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

ویرایش شده توسط goldenfont
لینک به ارسال

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

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

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

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

لینک به ارسال

شما این رو

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

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

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

لینک به ارسال


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

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

لینک به ارسال

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

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

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

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

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

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

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

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

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