رفتن به مطلب

مشکل درطراحی دسته ها


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

سلام.من در طراحی دسته های سایتم به مشکل برخوردم.

در قسمت html از این کد استفاده کردم


<div class="cat">
<a><?php wp_list_cats(); ?></a>
</div>

و در قسمت استایل هم از این کدها


.cat{
width:100%;
height:50px;
border:1px solid;
opacity:0.3;
z-index:1;
background-color:#F4F4F4;
margin-top:10px;
}
.cat a{
width:50px;
height:30px;
margin:10px 10px;
text-align:center;
direction:rtl;
float:right;
font-family:"B Yekan";
font-size:20px;
font-weight:bold;
color:#00F;
}

مشکل در قالب بندی دسته ها هست.دسته ها رو نشون میده ولی نامرتب هستش.هر دسته جدید میاد زیر دسته قبلی قرار میگیره و وقتی ی دسته زیرمجموعه دسته دیگه میشه میاد کنارش قرار می گیره.دقیقا برعکس عمل میکنه.حالا چیکار کنم که این مشکلش حل شه و سوال دیگه اینکه چیکار کنم که وقتی یه دسته زیرمجموعه دسته دیگه قرار گرفت تا زمانی که موس روی دسته نرفته زیرمجموعه شو نشون نده؟!

لینک به ارسال

نكته: تگ زير منقرض شده


<?php wp_list_cats(); ?>

وبا تگ زير جايگزين شود


<?php wp_list_categories($args); ?>

در ضمن با تگ زير نيازي به <a>نيست

لینک به ارسال

حاجی بدتر شد.الان جفتش زیر هم قرار گرفته.مثل این میمونه که یکی زر مجموعه اون یکی دیگس در صورتی که اینطوری نیست.فکر کنم باید استایلشو درست کنم

لینک به ارسال

اگر ميبينيد كلمه دسته بالا نوشته و اين زير مجموعه قرار دارد از تگ زير


<?php wp_list_categories('title_li='); ?>

درضمن آدرس قرار بديد تا بهتر كمك كنيم

لینک به ارسال

این کدهای اصلیه


<div class="cat">
<ul>
<li>
<ul class="menu">
<li>
<?php wp_list_categories('title_li='); ?>
</li>
</ul>
</li>
</ul>
</div>

اینم استایلشه


.cat{
width:100%;
height:50px;
border:1px solid;
opacity:0.3;
z-index:1;
background-color:#F4F4F4;
margin-top:10px;
}
.cat a{
width:50px;
height:30px;
margin:10px 10px;
text-align:center;
direction:rtl;
float:right;
font-family:"B Yekan";
font-size:20px;
font-weight:bold;
color:#00F;
text-decoration:none;
}
.cat ul{
list-style-type:none;
margin:0;
padding:0;
}
.cat ul>li{
float:right;
width:auto;
margin:0 5px;
}
.cat ul>li a:hover{
color:#00F;
//font-weight:bold;
}
.cat ul>li>ul.menu>li a{
background-color:white;

}
.cat ul ul{
display:none;
position:absolute;
}
.cat ul>li:hover>ul{
display:block;
z-index:1;
padding-top:50px;
color:#3E46A8;
}
.cat ul>li>ul>li:hover a{
text-decoration:none;
color:#3E46A8;
background-color:#76E366;
transition:2s;
}

لینک به ارسال

دوست عزيز هنوز از آخرين ارسال شما 24 ساعت نگذشته پس اسپم ندهيد و منتظر پاسخ باشيد

لینک به ارسال

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

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

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

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

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

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

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

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

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