چگونگی نمایش عنوان دسته های مادر و زیرمجموعه ها

imebi

آفلاین
عضو
تعداد نوشته‌ها: ۸۷
تشکر شده: ۱۰ بار
# نوشته شده: ۹ سال پیش
۲ بهمن ۱۳۹۳ - ۱۲:۱۴
سلام به دوستان
اگر بخواهیم دسته ها به شکل تصویر زیر بیان باید چی کار کنیم الان 3 ساعت شد نتونستم با سرچ و ... پیداش کنم لطفا کمک کنید.
http://www.up.downloadkral.com/do.php?imgf=142187566102481.jpg

دسته مادر با یک div خواص درست شده و درسته زیر مجموعه ها با یک div دیگر:یعنی دسته مادر اول از همه در شکل سفید رنگ و زیرمجموعه ها در پایین آن به یک شکل دیگر.
این کد رو درج کردم اما دسته های مادر بعدی پشت سر هم دسته مادر قرار گرفتن.
```
<div class="daste">
        	دسته های مادر<div class="li-daste">
        	<?php wp_list_categories('orderby=name&include=1,6&title_li='); ?>
            </div>
       دسته های فرزند     <ul class="listkoli">
<?php the_category(''); ?>
            </ul>
        </div>
```
آموزش وردپرس

آفلاین
عضو
تعداد نوشته‌ها: ۲۸۳۹
تشکر شده: ۱۷۶۷ بار
# نوشته شده: ۹ سال پیش
۲ بهمن ۱۳۹۳ - ۱۴:۰۹

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

درود ... هر کی این مشکل رو داره پیداش کردم اصلا به توابع وردپرس مربوط نیست. به استایل و فایل css مربوطه.
در فایل php یک ul و یک li میسازیم به عنوان دسته مادر.و در داخل همان li چند تا li دیگه میسازیم به عنوان دسته بچه هاش.
و در فایل css به این ul و li و li داخل li استایل های مربوطه رو میدیم. خیلی گیج کننده است. اما شدش.
استایل هاش به این صوریته: به جون خودم یک روز تمام روش کار کردم

.daste
{
	width:234px;
	height:auto;
	background:url(image/daste.png)no-repeat;
	background-color:#cecece;
	border-radius:4px;
	margin-top:10px;
	margin-left:750px;
	margin-bottom:5px;
	padding-top:47px;

}
.ul-list li
{
	width:210px;
	height:auto;
	font-family:'Yekan';
	padding:5px;
	font-size:13px;
	list-style:none;

}
.ul-list li a
{

	color:#000;
	text-decoration:none;
	background-color:#efefef;
	display:block;
	border:dotted 1px #333;
	padding-bottom:3px;
	border-radius:5px;

}
.ul-list a:hover
{
		background-color:#FFF;
}
.ul-list li li a
{
	color:#214b7a;
	background:none;
	padding-top:2px;
	border:none;

}
.ul-list li li
{
	font-family:'BYekan';
	padding:0 3px 1px 5px;
	font-size:13px;
	list-style:url(image/tik1.png);
	text-align:right;
	margin-right:25px;
}
.ul-list li li a:hover
{
	color:#b82d78;
	background:none;
}
.ul-list li li:hover
{
	list-style:url(image/tik2.png);
}

آموزش وردپرس

آفلاین
عضو
تعداد نوشته‌ها: ۲۸۳۹
تشکر شده: ۱۷۶۷ بار
# نوشته شده: ۹ سال پیش
۲ بهمن ۱۳۹۳ - ۲۰:۵۹

دوست عزیز لطفا از این به بعد کد های بیشتر از 15 خط رو داخل سایت زیر بزارید و لینکشو قرار بدین با تشکر
ارادتمند : مسلم فلاح نیت
http://hastebin.com

وردپرس فارسی

انجمن

چگونگی نمایش عنوان دسته های مادر و زیرمجموعه ها (۴ نوشته)

درباره‌ی این موضوع

برچسب‌ها