+- سیستمیها (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
سلام
از کنترل پنل مدیر به سراغ قالبها برید.
گروه 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
طبق کاری که گفتید انجام دادم و درست شد
سپاس