همیار بلاگ اسکای

همیار بلاگ اسکای

طراحی و ترجمه قالب های بلاگ اسکای
همیار بلاگ اسکای

همیار بلاگ اسکای

طراحی و ترجمه قالب های بلاگ اسکای

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

نمایش زیردسته ها بصورت لیست
یکی از امکاناتی که همه وبلاگ ها و وبسایت ها دارند، امکان دسته بندی یا موضوع بندی مطالب هست. با این کار مطالب شما در دسته های مشخصی قرار می گیرند و وقتی بازدید کننده به سایت شما مراجعه میکند میتواند به راحتی به زمینه ها و موضوعات کاری سایت شما پی ببرد. 

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

1- در ابتدا باید تگ مربوط به نمایش زیردسته ها رو در کد قالب خود قرار بدید. در کد قالبتون تگ موضوع بندی <category></category>(کدی شبیه به قطعه کد زیر) رو پیدا کنید و کدی رو که در زیر با رنگ قرمز مشخص شده، مانند نمونه به بلاک موضوع بندی اضافه کنید. به اینصورت : 

<category><list>

    <div class="menu">

    <h3 class="title">موضوع بندی</h3>

    <ul>

    <many>

<li>

<a href="@href">@name</a>&nbsp;&nbsp;(@count)&nbsp;&nbsp;

<a href="@rssHref" target="_blank"><img src="http://www.blogsky.com/images/template/tiktak/rss3.gif" alt="" /></a>

<subCategory>

<ul class="sub">

               <many />

</ul>

            </subCategory>

</li>

    </many>

    </ul>

    </div>

</list></category>

2- حالا برای اینکه لیست زیر دسته در منوی اصلی قابل تشخیص باشد، کد استایل زیر را به تگ <style></style> اضافه میکنیم.

ul.sub{margin:0 15px; padding:0 0;}

اگر فاصله لیست زیردسته از سمت راست خود زیاد بود میتوانید عدد 15 که در کد استایل مشاهده میکنید تغییر داده و کم کنید.

خوب، کار تمام شد. حالا میتوانید دسته بندی های وبلاگ خود را همراه با زیردسته ها(اگر ایجاد کرده باشید) مشاهده کنید.

منبع : همیار بلاگ اسکای

نظرات 11 + ارسال نظر
xX~Xx شنبه 2 شهریور 1392 ساعت 21:35

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

این دیگه برمیگرده به کدهای css که خودتون باید بنا به سلیقه تون تغییرش بدید. ولی من خودم چند نمونه آماده میکنم تا عزیزان بتونن استفاده کنن. به زودی در سایت قرار میدم.

م.آزاد یکشنبه 3 شهریور 1392 ساعت 11:20

سلام.
یادم بود قبلا این کارو دقیقا انجام داده بودم ولی نتیجه ای نگرفته بودم.
ولی بازم اینجامش دادم و مثل دفعات قبلی از دسته اول تا آخر همه دسته ها اختلاف 15 پیکسل نسبت به دسته قبلی میگیره

نوید عاملی یکشنبه 3 شهریور 1392 ساعت 13:21

من این سوال رو از قسمت تماس با ما، ازتون پرسیدم.
وووواقعا ممنونم که جواب دادید.

خواهش میکنم نوید جان

xX~Xx یکشنبه 3 شهریور 1392 ساعت 14:00

واقعا ممنون

[ بدون نام ] یکشنبه 3 شهریور 1392 ساعت 14:14 http://freecccam.blogsky.com

نمیشه یکمی بشتر توضیح میدی

توضیح خاصی نمیخواد. همه چیز مشخصه.

م.آزاد یکشنبه 3 شهریور 1392 ساعت 14:25

مشکلم رو پیدا کردم
همیشه یه تگ رو یادم میرفت بذارم!

بالاخره درست شد

راستی بهتره تگ @count بین <postCount>و </postCount> باشه. اگه نباشه در ابزارک ها نمیشه تنظیم کرد که تعداد یادداشت ها باشه یا نه.

میتونم مطالبتون رو با ذکر منبع در وبلاگم درج کنم؟

تبریک میگم.
بله فقط کمی دقت میخواد که این ابزارها رو فعال کنین.
اگه با ذکر منبع باشه مشکلی نداره، درج کنید.

نوید عاملی یکشنبه 3 شهریور 1392 ساعت 20:13

ببخشید، من یک مشکل اساسی پیدا کردم؛ موضوعات به شکل زیر نمایش داده می شوند:

+دسته اصلی
___________زیر دسته

یعنی فاصله بسیار زیاد هستش. لطفا توی نمونه هاتون به این نکته اشاره کنید، ممنون.

دوست عزیز در کد استایلی که در آموزش ارائه شده عدد 15 رو تغییر داده و کمتر کنید. ببینید نتیجه دلخواه تون بدست میاد یا نه.

امیر یکشنبه 3 شهریور 1392 ساعت 22:37

سلام اگر میشود کد نمایش امار بازدید هر مطلب را بگزارید لطفا این کد را بگزارید زیرا خیلی ها از این کد استفاده میکنند
باتشکر

سلام امیر جان.
متاسفانه این قابلیت در بلاگ اسکای پشتیبانی نمیشه.
ولی میتونید از کدهای اسکریپت آماده استفاده کنید.

امیر یکشنبه 3 شهریور 1392 ساعت 23:22

خیلی ممنون از رسیدگی سریع شما ولی من این کد های اماده را میگزارم اما کل ظاهر وبلاگ بهم میریزد توی قسمت راهنما استفاده از ان کد ها نوشته بین دو تگ <BlogSky:Post Body><BlogSky:Post Posts> کد ابزار </BlogSky:Post Posts></BlogSky:Post Body> قرار بدم اما نه این کد ها در قالب من وجود داره نه جایی که بتوانم به راحتی بگذارم
خیلی ببخشید چشم هاتونو درد اوردم

خواهش میکنم.
درسته، این کدهایی که شما میبینید، تگ های قدیمی و مربوط به نسخه قبلی بلاگ اسکای هستند.
معادل این تگ ها در نسخه جدید میشه کدهای زیر:
<post>
<many>
کد ابزار در این محل و جایی که میخواهید نمایش داده شود قرار میگیرد...
</many>
</post>

peyman سه‌شنبه 5 شهریور 1392 ساعت 23:32

سلام خیلی جالب بود. ممنون از تمامی کمک های شما

مونا سه‌شنبه 11 شهریور 1393 ساعت 12:49

سلام میشه بگین <style></style> دقیقا کجاست؟ممنونم

سلام دوست عزیز..
کد استایل در بالای کدهای قالب قرار داره..
یعنی بصورت زیر :
<!DOCTYPE html>
<html>
<head>
<header />
<style>
</style>
</head>
<body>
</body>
</html>

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد