M.Javad

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

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

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

در قسمت 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;
}

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

0

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


لینک به پست

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


<?php wp_list_cats(); ?>

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


<?php wp_list_categories($args); ?>

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

3

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


لینک به پست

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

0

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


لینک به پست

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


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

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

2

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


لینک به پست

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


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

0

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


لینک به پست

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

0

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


لینک به پست

میتونید ادرس بدید تا خروجی رو ببینیم؟

0

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


لینک به پست

نه متاسفانه دارم طراحی میکنم هنوز

0

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


لینک به پست

این رو تست کنید:

.cat li li{ margin: 10px;}

0

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


لینک به پست

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

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

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

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


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

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

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


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