مرجع پارسی MyBB

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

خوب. آموزش یکم سخت و طولانیه ولی من سعی میکنم با ساده ترین روش بهتون آموزش بدم.

نکته : من به دلایلی زبان فارسی نصب نکردم به مدیریت انجمنم. واسه همین اسکرین شات میذارم تا بدونید چیکارا میکنم. هر جا مشکل داشتید بپرسید.

1 - به مدیریت انجمنتون برید > پیکربندی > ساخت پروفایل سفارشی > یه پروفایل ایجاد کنید. مانند تصویر زیر :

[attachment=10560]

[attachment=10561]

2 - دقیقا مانند تصویر زیر اطلاعات پروفایل سفارشیتون رو تکمیل کنید. کدی که در پایین نوشتم رو به قسمت Regular Expression اضافه کنید.

کد: 
(http(s?):)|([/|.|\w|\s])*\.(?:jpg|png)|^$

[attachment=10562]

3- خوب. دکمه ذخیره رو بزنید. حالا طبق مراحل زیر آیدی پروفایل ایجاد شده تون رو پیدا کنید . مانند تصویر زیر :

[attachment=10570]

4- آیدی رو به یاد داشته باشید تا در مراحل بعدی توضیح بدهم که چیکار باید بکنید. حالا به قسمت قالب ها برید. مانند تصویر زیر :

[attachment=10564]

5- با انجام مراحل بالا، حالا قالب های کاربران یا member templates رو باز کنید . مانند تصویر زیر :

[attachment=10565]

6- زیر مجموعه قالبهای کاربران یا member template قسمتی به اسم پروفایل کاربر یا member profile هستش . بازش کنید. مانند تصویر زیر :

[attachment=10566]

7- واردش که شدید. کد زیر رو بین <head> و <head/> قرار بدین. دقت کنید اشتباه نکنید. اگه طبق گفته هام عمل نکنید کار نمیکنه.

کد: 
<div style="background: url({$post['fidX']});"</div>

8- و کد زیر رو بین <body> و <body/> قرار بدید.

کد: 
<div style="background-image: url({$memprofile['fidX']});"</div>

9- خوب حالا مقدار X در قسمت ['fidX'] همون آیدی شماست که تو مرحله 3 بهتون یاد دادم . آیدی پروفایل سفارشیتون رو به جای مقدار X میذارید . مانند ['fid8'] . من 8 نوشتم چون آیدی پروفایل من 8 بود . مانند تصویر زیر :

[attachment=10567]

نکته : کار تمومه و نیازی به ویرایش یا ایجاد CSS نیست.

10- حالا داخل انجمن وارد حسابتون بشید و از قسمت کنترل پنل به قسمت ویرایش پروفایل برید. میبینید که یه فیلد با تیتر Cover اضافه شده

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

نکته : باید آدرس کامل عکس حتی https:// رو وارد کنید. چون به کوچکترین کلمه یا عدد حساسه.

مثلا : https://mybbiran.com/images/cover.png

[attachment=10568]

تموم.

حالا میتونین به کاربران انجمنتون این قابلیت رو بدید که بتونن کاور پروفایل شخصیشون رو عوض کنن. Blush

مانند تصویر زیر :

[attachment=10559]

توسط : سروین پاکزاد

بسیار عالی خیلی ممنون

تکمیلی

کد

کد: 
<div style="background: url({$post['fid5']});"</div>

باید اخرین کد قبل از </head> باشه

و کد دوم

کد: 
    <div style="background-image: url({$memprofile['fid5']});" </div>

باید مستقیم بعد از <fieldset> قرار بگیره

Witch

sarbaz2