انجمن


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

  • 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>
  • آموزش وردپرس

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

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

  • imebi

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

    درود ... هر کی این مشکل رو داره پیداش کردم اصلا به توابع وردپرس مربوط نیست. به استایل و فایل 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

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



برچسب‌ها

هیچ برچسبی نیست.