امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی
#1
سلام 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 درصد بدین.
پاسخ
roseتشکر شده توسط: amiri


پیام‌های داخل این موضوع
دو ستونه کردن لیست زیر انجمن‌ها در صفحه‌ی اصلی - mojtabamalaekeh - 2016/06/17، 02:36 AM

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان