سیستمی‌ها
دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی - نسخه‌ی قابل چاپ

+- سیستمی‌ها (http://forums.systemiha.ir)
+-- انجمن: کامپیوتر (http://forums.systemiha.ir/forumdisplay.php?fid=1)
+--- انجمن: مای بی بی MyBB (http://forums.systemiha.ir/forumdisplay.php?fid=2)
+--- موضوع: دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی (/showthread.php?tid=88)



دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی - mojtabamalaekeh - 2016/06/17

سلام Big Grin

از کنترل پنل مدیر به سراغ قالب‌ها برید.
گروه Forum Bit Templates رو باز کنید.
قالب forumbit_depth3 رو ویرایش کنید.

اگر کد قالب به این شکل هست:
کد:
{$comma}{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a>

تغییرش بدین به این صورت:
کد:
<li>{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a></li>

ولی اگر کدش فرق می‌کرد، نسخه‌ی شما با این آموزش فرق می‌کنه.

توضیح:
تگ a لینک زیرانجمن
عبارت {$statusicon} آیکن زیر انجمن (دارای ارسال جدید یا خوانده شده)
عبارت {$comma} حرف کاما بین اسامی زیر انجمن ها
کاری که ما کردیم قرار دادن لینک (همون تگ a) داخل تگ لیست آیتم (li) و حذف کاما بود.
کاما حذف میشه چون لیست اسامی دیگه پشت سر هم نیست؛ بلکه هر اسم میشه یک ستون.

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

کد زیر رو پیدا کنید:
کد:
<br />{$lang->subforums} {$sub_forums}

این کد رو جایگزینش کنید:
کد:
<br />{$lang->subforums} <ul class="subforums_custom_list">{$sub_forums}</ul>

توضیح:
تگ <br /> یعنی خط جدید (Enter)
عبارت {$lang->subforums} همون عبارت «زیر انجمن‌ها:» که کاری باهاش نداریم
عبارت {$sub_forums} لیست زیر انجمن‌هاست که با یک تگ لیست بدون شماره (ul) احاطه اش می‌کنیم
کلاس subforums_custom_list رو بهش دادیم که توی CSS نویسی بتونیم راحت انتخابش کنیم.

حالا به بخش پوسته‌ها برید و پوسته‌ی فعلی خودتون رو انتخاب کنید.
فایل فایل global.css رو ویراش کنید.

کدهای CSS زیر رو به فایل global.css اضافه کنید:
کد:
.subforums_custom_list {
    list-style: none;
    padding-right: 0;
}
.subforums_custom_list li {
    float: right;
    width: 48%;
}

برای سه ستون کردن لیست زیر انجمن‌ها (درصورتی که اسامی زیر انجمن‌ها خیلی کوتاه باشه) به جای 48 درصد، یه عدد کمتر از 33 درصد بدین.


RE: دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی - amiri - 2016/06/17

سلام
ممنونم بابت تاپیک مفیدی که ایجاد کردید
در این قسمت :
گروه Forum Bit Templates رو باز کنید.
قالب forumbit_depth3 رو ویرایش کنید.

کد من به این شکل بود بازم همون تغییرات رو بدم آیا ؟

<div class="mysubforum1">{$statusicon} <a href="{$forum_url}" title="{$forum_viewers_text}">{$forum['name']}</a></div>


RE: دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی - mojtabamalaekeh - 2016/06/18

(2016/06/17، 09:52 PM)amiri نوشته است: سلام
ممنونم بابت تاپیک مفیدی که ایجاد کردید
در این قسمت :
گروه Forum Bit Templates رو باز کنید.
قالب forumbit_depth3 رو ویرایش کنید.

کد من به این شکل بود بازم همون تغییرات رو بدم آیا ؟

<div class="mysubforum1">{$statusicon} <a href="{$forum_url}" title="{$forum_viewers_text}">{$forum['name']}</a></div>

سلام
خواهش می کنم
بله، همون کار رو بکنید.

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


RE: دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی - amiri - 2016/06/18

طبق کاری که گفتید انجام دادم و درست شد
سپاس