انجمن


css نویسی برای موضوعات (categories)  (۵ نوشته)

  • طراحی قالب وردپرس

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

    سلام
    دوستان برای قسمت موضوعات چه طوری باید css نوشت ؟؟
    میخام یه موضوعات مثل تمام سایتهای دیگه داشته باشم که اکثرا در قسمت سایدبار راست میزارن مثل سایت م-ی-ه-ن د-ا-ن-ل-و-د اگه راهنمایی کنید ممنون میشم .
    در ضمن برای موضوعات از دستور
    <?php wp_list_categories('title_li=<h3>دسته بندی</h3>'); ?>
    استفاده کردم.

  • Morteza

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

    این کد براتون کدهای فهرست رو جنریت میکنه.
    بعد از جنریت براساس کدهای html باید استایل بنویسید.
    یک نمونه کد رو بزارید اینجا تا براتون چند خط مثال بزنم.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    طراحی قالب وردپرس - امین باقیات
  • طراحی قالب وردپرس

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

    man4toman گفت:
    این کد براتون کدهای فهرست رو جنریت میکنه.
    بعد از جنریت براساس کدهای html باید استایل بنویسید.
    یک نمونه کد رو بزارید اینجا تا براتون چند خط مثال بزنم.

    ممنون مرتضی جان .
    اگه لطف کنی و یادم بدی ممنونت میشم اینم کدها

    <ul>
    <li><li class="categories"><h3>دسته بندی</h3><ul>	<li class="cat-item cat-item-4"><a href="http://localhost/1/?cat=4" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع دانلود">دانلود</a>
    <ul class='children'>
    	<li class="cat-item cat-item-7"><a href="http://localhost/1/?cat=7" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع دانلود نرم افزار">دانلود نرم افزار</a>
    </li>
    	<li class="cat-item cat-item-8"><a href="http://localhost/1/?cat=8" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع نرم افزار موبایل">نرم افزار موبایل</a>
    
    </li>
    </ul>
    </li>
    	<li class="cat-item cat-item-9"><a href="http://localhost/1/?cat=9" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع دانلود کلیپ">دانلود کلیپ</a>
    <ul class='children'>
    	<li class="cat-item cat-item-10"><a href="http://localhost/1/?cat=10" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع دانلود کلیپ">دانلود کلیپ</a>
    </li>
    	<li class="cat-item cat-item-11"><a href="http://localhost/1/?cat=11" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع دانلود کلیپ">دانلود کلیپ</a>
    </li>
    	<li class="cat-item cat-item-12"><a href="http://localhost/1/?cat=12" title="نمایش ‌همه‌ی نوشته‌ها درباره‌ی موضوع دانلود کلیپ">دانلود کلیپ</a>
    
    </li>
    </ul>
    </li>
    </ul></li></li>
    <ul>
  • Morteza

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

    اول اینکه شما باید ul بالایی تون یک ای دی یا کلاس داشته باشه مثلا:

    <ul id="rightmenu">
    <li class="cat-item cat-item-4"><a href="http://localhost/1/?c....
    ..

    برای استایل هم بصورت زیر عمل کنید:

    #rightmenu li{
    display: block;
    font-family: tahoma;
    }

    برای زیر دسته ها هم میشه:

    #rightmenu li ul{
    display: block;
    font-family: tahoma;
    margin-right: 5px;
    }

    البته یک مثال خیلی کلی و سریع بود.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    امین باقیات - NESTED - طراحی قالب وردپرس
  • طراحی قالب وردپرس

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

    خیلی ممنون تو همین ul و li گیر کرده بودم حل شد.

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



برچسب‌ها

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