مرجع پارسی MyBB
[برای ۱.۸] تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - نسخه‌ی قابل چاپ

+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: نسخه MyBB 1.8 (https://community.mybbiran.com/forum-149.html)
+--- انجمن: آموزش ها (https://community.mybbiran.com/forum-151.html)
+---- انجمن: آموزش تغییرات (https://community.mybbiran.com/forum-155.html)
+---- موضوع: [برای ۱.۸] تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 (/thread-16945.html)



تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - mehdi13 - ۱۳۹۳/۶/۲۹

درود بر شما دوستان گرامی

در لینک زیر اموزشی را دیدم که به نظرم جالب و کاربردی بود برای استفاده شما دوستان گرامی قرار میدم امیدوارم مفید باشه

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


با اجرای این اموزش شما میتوانید در مای بی بی به کاربران خود این امکان را بدهید که برای پروفایل خود یک تصویر تعیین کنند


اما مراحل انجام :

خلاصه ای از انچه قرار است انجام دهید :

  1. ابتدا باید یک فیلد مطابق با توضیحات داده شده در ادامه پست بسازید
  2. قالب های گفته شده را مطابق اموزش ویرایش کنید
  •  مرحله اول : ساخت فیلد
ابتدا به مسیر روبرو بروید (مطابق تصویر زیر) : پنل مدیر / تنظیمات / فیلدهای مشخصات اختیاری / افزودن فیلد . سپس فیلد خود را مطابق توضیحات زیر بسازید :
[attachment=8587]
عنوان :
پس زمینه پروفایل
توضیح کوتاه :
سایز تصویر پیشنهادی 1125x182 و فقط یکی از فرمتهای .jpg, .gif, .png
نوع فیلد :
جعبه متن
نوع عبارات منظم ورودی :
خالی باشد
حداکثر طول :
بسته به انتخاب شما (500 پیشنهاد شده)
حداقل تعداد ارسال؟ و چیدمان نمایش و الزامی است؟ و نمایش در هنگام ثبت نام؟ :
بسته به میل شما میتواند تنظیم شود
نمایش در صفحه‌ی پروفایل؟ :
بله
نمایش در پست بیت؟ :
خیر
گروه‌های مجاز به مشاهده و گروه‌های مجاز به ویرایش :
همه گروه ها
گزینه‌های ترکیب و تجزیه :
هیچکدام را تیک نزنید


فیلد را ذخیره کنید . بعد از ساخت فیلد تصویر زیر را خواهید دید :
[attachment=8588]

برای تعیین شناسه فیلد یا field ID  کافیه موس را روی نام اون قرار بدید و به ادرسی که در پایین مرورگر نشون داده میشه دقت کنید عددی که در ادرس هست در واقع همون field ID هست
[attachment=8589]


حال نوبت به بخش دوم یعنی ویرایش قالب ها میرسه

برای شروع به مسیر قالبها / قالب مورد نظر / Member Templates  و سپس member_profile بروید

کد زیر را در ان قالب پیدا کرده :


کد php:
<fieldset>
 <
table width="100%" cellspacing="0" cellpadding="0" border="0">
 <
tr>
 <
td width="75%">
 <
span class="largetext"><strong>{$formattedname}</strong></span><br />
 <
span class="smalltext">
 ({
$usertitle})<br />
 {
$groupimage}
 {
$userstars}<br />
 <
br />
 <
strong>{$lang->registration_date}</strong> {$memregdate}<br />
 <
strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
 <
strong>{$lang->local_time}</strong> {$localtime}<br />
 <
strong>{$lang->postbit_status}</strong> {$online_status}
 </
span>
 </
td>
 <
td width="25%" align="right" valign="middle">{$avatar}</td>
 </
tr>
 </
table>
</
fieldset

پس از حذف کد بالا کد زیر را جایگزین ان کنید :


کد php:
<table width="100%" cellspacing="0" cellpadding="25" border="0" class='profbg'>
 <
tr>
 <
td width="75%" class="user-details">
 <
div class="ud-text"><span class="largetext"><strong>{$formattedname}</strong></span><br />
 <
span class="smalltext">
 ({
$usertitle})<br />
 {
$groupimage}
 {
$userstars}<br />
 <
br />
 <
strong>{$lang->registration_date}</strong> {$memregdate}<br />
 <
strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
 <
strong>{$lang->local_time}</strong> {$localtime}<br />
 <
strong>{$lang->postbit_status}</strong> {$online_status}
 </
span></div>
 </
td>
 <
td width="25%" align="right" valign="middle" class="user-details ud-img">{$avatar}</td>
 </
tr>
 </
table

باز در همین قالب کد زیر را بین دو تگ <head> و </head> قرار دهید . فراموش نکنید که در fidX بجای x باید شماره فیلد ساخته شده را وارد کنید


کد php:
<style>
.
profbg {
background-imageurl({$userfields['fidX']});
}
</
style

حال نوبت به ویرایش global.css میرسد که از مسیر پوسته ها / پوسته مورد نظر / global.css / ویرایش پیشرفته به ان دسترسی خواهید داشت
کد زیر را در انتهای ان اضافه کنید :


کد php:
.user-details {
backgroundtransparent;
}

.
profbg {
background-size100100%;
border1px solid #555555;
border-radius3px;
box-shadow0px 0px 10px 5px #888888;
}

.
ud-text {
backgroundrgba(255,255,255,0.7);
padding5px;
border2px solid #FFFFFF;
border-radius6px;
max-width350px;
}

.
ud-img img {
border2px solid #FFFFFF;
border-radius6px;
max-width350px;





کار تمام است .

البته ممکن است به دلیل نوع استایل و قالبی که از ان استفاده میکنید تصاویر کمی نا مناسب باشند که با اندکی تغییر در کدها براحتی میتوانید انرا تنظیم کنید


RE: تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - Pars - ۱۳۹۳/۶/۲۹

سپاس از این آموزش مفید شما دوست عزیز Heart
(برای این اسپم بهم اخطار ندید لطفا Confused )

اما چرا کپی رایت را در انجمن خود رعایت نکرده اید؟


RE: تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - mehdi13 - ۱۳۹۳/۶/۲۹

(۱۳۹۳/۶/۲۹، ۰۸:۰۰:۴۵ صبح)Pars نوشته است: سپاس از این آموزش مفید شما دوست عزیز Heart
(برای این اسپم بهم اخطار ندید لطفا Confused )

اما چرا کپی رایت را در انجمن خود رعایت نکرده اید؟


درود بر شما
دوست بزرگوار بنده نه چنین دسترسی دارم و نه چنین جسارتی میکنم

ای کاش بجز پارسی ساز دلیل دیگری هم وجود داشت برای کپی رایت

از تمام ارسال هایی که تا کنون در این انجمن (این انجمن تنها انجمن پشتیبانی مای بی بی ایرانی است که در ان ارسالی داشته ام) شاید 4یا پنج سئوال پرسیده ام اما متاسفانه حتی یکی از سئوالات هم بصورت کامل و انطور که شایسته یک انجمن پشتیبانی است پاسخ داده نشده و مجبور به پیگیری مشکل در انجمن اصلی شده ام


در مورد پارسی ساز هم ورژن قبلی را تا حدود 90% ترجمه کرده بودم اما متاسفانه با اپگرید به 1.8 و ناسازگاری زبان از پارسی ساز شما استفاده کردم و تا چند روز اینده سعی خواهم کرد یک نسخه ترجمه شده و قابل استفاده تهیه و جایگزین کنم


RE: تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - shona123 - ۱۳۹۳/۱۰/۴

از تمام ارسال هایی که تا کنون در این انجمن (این انجمن تنها انجمن پشتیبانی مای بی بی ایرانی است که در ان ارسالی داشته ام) شاید 4یا پنج سئوال پرسیده ام اما متاسفانه حتی یکی از سئوالات هم بصورت کامل و انطور که شایسته یک انجمن پشتیبانی است پاسخ داده نشده و مجبور به پیگیری مشکل در انجمن اصلی شده ام


RE: تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - mgt1234 - ۱۳۹۵/۱۲/۱۹

سلام
آموزش خیلی خوبی بود ممنون فقط دوتا سوال:
1. اگه بخواییم واسه این فیلد، یه دکمه بذاریم که کاربر هدرشو توی خود انجمن آپلود کنه و بذاره باید چیکار کنیم؟
یعنی بجای اینکه لینک عکس رو کپی پیست کنه، فایل عکس رو آپلود کنه
2. چطور محدودیت سایز بذاریم که عکس فقط با سایز مشخص رو بتونه قرار بده؟


RE: تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8 - MISTER - ۱۳۹۵/۱۲/۱۹

(۱۳۹۵/۱۲/۱۹، ۱۹:۵۱:۰۰ عصر)mgt1234 نوشته است: سلام
آموزش خیلی خوبی بود ممنون فقط دوتا سوال:
1. اگه بخواییم واسه این فیلد، یه دکمه بذاریم که کاربر هدرشو توی خود انجمن آپلود کنه و بذاره باید چیکار کنیم؟
یعنی بجای اینکه لینک عکس رو کپی پیست کنه، فایل عکس رو آپلود کنه
2. چطور محدودیت سایز بذاریم که عکس فقط با سایز مشخص رو بتونه قرار بده؟

شما اگه پلاگین "استایل پروفایل" رو هم نصب کنید باید همین کارو کنید یعنی عکس رو ادرسش رو کپی  پیست کنید.

ولی برای کاور پروفایل برای نسخه 1.6 یه پلاگینی هست که میشه مثل آواتار آپلودش کرد!