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 گیر کرده بودم حل شد.

وردپرس فارسی

انجمن

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

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

برچسب‌ها