رفتن به مطلب

آموزش : کاملتر و بهتر نمایش دادن مشخصات کاربری در تاپیک ها + پیام خصوصی


ارسال‌های توصیه شده

  • تیم مدیریت/توسعه دهنده

یک مشکلی که در اکثر قالب های IPB وجود داره ،اینه که مشخصات نام کاربری شما رو ،بالای مشخصات کاربری و در سمت راست نشون می ده ، + در مشخصات کاربری وضعیت آنلاین و آفلاین بودن کاربر نمایش داده نمی شه ،تا زمانی که شما مد مخصوص به آنلاین و آفلاین بودن کاربر رو نصب کنید.

بعد از نصب هم نام کاربری در وسط نیست و کلا تداخل داره ،و ظاهر جالبی رو به تاپیک هاتون نمیده.

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

نمایش درست در انجمن من :

post-824-0-70701200-1343349540.png

در این آموزش ،به راحتی و با چند عملیات ویرایش قالب این مشکل رو برطرف می کنیم.

1) قبل از انجام هرگونه عملیاتی ،اول باید در صورت استفاده از مد ONLINE و OFFLINE ، مد را غیر فعال و به صورت دلخواه پاک کنید.

2) وارد بخش مدیریت قالب ها شده و قالب مورد نظر را با استفاده از گزینه Manage Templates & CSS به صفحه ویرایش هدایت کنید.

3) سپس از قسمت Global Templates ، قسمت userInfoPane برای ویرایش انتخاب کنید.

4) <ul class='basic_info'> را پیدا کرده و زیر آن کد زیر را به ویرایشگر اضافه ، و بعد ذخیره می کنیم :

<if test="postOnline:|:$author['_online']">
<span class='ipsBadge ipsBadge_green'>آنلاین</span>
<else />
<span class='ipsBadge ipsBadge_grey'>آفلاین</span>
</if>

5) حال باید از قسمت Topic View در ویرایشگر ، post را برای ویرایش انتخاب کنید.

6) کد های زیر را پیدا کنید و سپس ویرایش کنید + ذخیره :

پیدا کنید :

<span itemprop="creator name" class="author vcard">

ویرایش کنید به :

<span itemprop="creator name" class="author vcard" style="width: 156px;float: right;text-align: center;">

پیدا کنید :

<div class='author_info'>

به بالای همین خط اضافه کنید :

<div style="clear: right;"></div>

7) حال نوبت به ویرایش پیام خصوصی هست. به قسمت Messenger از ویرایشگر رفته ، و showConversation را برای ویرایش انتخاب کنید.

8) کد های زیر را پیدا کنید و سپس ویرایش کنید + ذخیره :

پیدا کنید :

<span class="author vcard">

ویرایش کنید به :

<span class="author vcard" style="width: 156px;float: right;text-align: center;">

پیدا کنید :

<div class='author_info'>

به بالای همین خط اضافه کنید :

<div style="clear: right;"></div>

آموزش تمام شد.

این دوست عزیزمون که میاد از آموزش استفاده می کنه و امتیاز نمیده ، مرد نیست ! ( به قول بابا اتی) ! :)>-

@};-

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • پاسخ 23
  • عمر موضوع
  • آخرین پاسخ
  • مدیر کل بازنشسته سایت

ممنون بابت آموزش.تاپیک مهم شد @};-

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • 6 ماه بعد...
لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • بنیان گذار IPSFarsi

یعنی سایه تصویر خراب شد

چی جوری سایه رو حذف یا سر جاش بیارم

تمام اون کارهایی رو که انجام دادید حالا مرحله به مرحله حذف کنید.

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • بنیان گذار IPSFarsi

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

با تشکر

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • 7 ماه بعد...

دستت درد نكنه كامل ترين آموزش بود مرسي 

اگه براي بقيه هوك ها ومدها هم همينطور آموزش ميزاشتن هيچ كاربري به مشكل نميخوره

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • 3 هفته بعد...
  • بنیان گذار IPSFarsi

از طریق این دو تا مد می تونید که هر کدوم به نحوی نشون می دن :

http://ipsfarsi.com/files/file/749-tb-show-reputation-in-user-info/

و

http://ipsfarsi.com/files/file/1141-fc33-reputation-bar-in-user-info/

مدی که داخل تصویر هست لینک اولی هستش.

لینک ارسال
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...