۱۳۹۳/۶/۲۹، ۰۳:۳۲:۲۶ صبح
درود بر شما دوستان گرامی
در لینک زیر اموزشی را دیدم که به نظرم جالب و کاربردی بود برای استفاده شما دوستان گرامی قرار میدم امیدوارم مفید باشه
اگه به شبکه های اجتماعی مانند توییتر یا فیس بوک دقت کرده باشید متوجه شدید که کاربران میتوانند برای پروفایل خود یک تصویر سر صفحه قرار دهند .
با اجرای این اموزش شما میتوانید در مای بی بی به کاربران خود این امکان را بدهید که برای پروفایل خود یک تصویر تعیین کنند
اما مراحل انجام :
خلاصه ای از انچه قرار است انجام دهید :
عنوان :
پس زمینه پروفایل
توضیح کوتاه :
سایز تصویر پیشنهادی 1125x182 و فقط یکی از فرمتهای .jpg, .gif, .png
نوع فیلد :
جعبه متن
نوع عبارات منظم ورودی :
خالی باشد
حداکثر طول :
بسته به انتخاب شما (500 پیشنهاد شده)
حداقل تعداد ارسال؟ و چیدمان نمایش و الزامی است؟ و نمایش در هنگام ثبت نام؟ :
بسته به میل شما میتواند تنظیم شود
نمایش در صفحه‌ی پروفایل؟ :
بله
نمایش در پست بیت؟ :
خیر
گروه‌های مجاز به مشاهده و گروه‌های مجاز به ویرایش :
همه گروه ها
گزینه‌های ترکیب و تجزیه :
هیچکدام را تیک نزنید
فیلد را ذخیره کنید . بعد از ساخت فیلد تصویر زیر را خواهید دید :
برای تعیین شناسه فیلد یا field ID کافیه موس را روی نام اون قرار بدید و به ادرسی که در پایین مرورگر نشون داده میشه دقت کنید عددی که در ادرس هست در واقع همون field ID هست
حال نوبت به بخش دوم یعنی ویرایش قالب ها میرسه
برای شروع به مسیر قالبها / قالب مورد نظر / Member Templates و سپس member_profile بروید
کد زیر را در ان قالب پیدا کرده :
پس از حذف کد بالا کد زیر را جایگزین ان کنید :
باز در همین قالب کد زیر را بین دو تگ <head> و </head> قرار دهید . فراموش نکنید که در fidX بجای x باید شماره فیلد ساخته شده را وارد کنید
حال نوبت به ویرایش global.css میرسد که از مسیر پوسته ها / پوسته مورد نظر / global.css / ویرایش پیشرفته به ان دسترسی خواهید داشت
کد زیر را در انتهای ان اضافه کنید :
کار تمام است .
البته ممکن است به دلیل نوع استایل و قالبی که از ان استفاده میکنید تصاویر کمی نا مناسب باشند که با اندکی تغییر در کدها براحتی میتوانید انرا تنظیم کنید
در لینک زیر اموزشی را دیدم که به نظرم جالب و کاربردی بود برای استفاده شما دوستان گرامی قرار میدم امیدوارم مفید باشه
اگه به شبکه های اجتماعی مانند توییتر یا فیس بوک دقت کرده باشید متوجه شدید که کاربران میتوانند برای پروفایل خود یک تصویر سر صفحه قرار دهند .
با اجرای این اموزش شما میتوانید در مای بی بی به کاربران خود این امکان را بدهید که برای پروفایل خود یک تصویر تعیین کنند
اما مراحل انجام :
خلاصه ای از انچه قرار است انجام دهید :
- ابتدا باید یک فیلد مطابق با توضیحات داده شده در ادامه پست بسازید
- قالب های گفته شده را مطابق اموزش ویرایش کنید
- مرحله اول : ساخت فیلد
عنوان :
پس زمینه پروفایل
توضیح کوتاه :
سایز تصویر پیشنهادی 1125x182 و فقط یکی از فرمتهای .jpg, .gif, .png
نوع فیلد :
جعبه متن
نوع عبارات منظم ورودی :
خالی باشد
حداکثر طول :
بسته به انتخاب شما (500 پیشنهاد شده)
حداقل تعداد ارسال؟ و چیدمان نمایش و الزامی است؟ و نمایش در هنگام ثبت نام؟ :
بسته به میل شما میتواند تنظیم شود
نمایش در صفحه‌ی پروفایل؟ :
بله
نمایش در پست بیت؟ :
خیر
گروه‌های مجاز به مشاهده و گروه‌های مجاز به ویرایش :
همه گروه ها
گزینه‌های ترکیب و تجزیه :
هیچکدام را تیک نزنید
فیلد را ذخیره کنید . بعد از ساخت فیلد تصویر زیر را خواهید دید :
برای تعیین شناسه فیلد یا field ID کافیه موس را روی نام اون قرار بدید و به ادرسی که در پایین مرورگر نشون داده میشه دقت کنید عددی که در ادرس هست در واقع همون field ID هست
حال نوبت به بخش دوم یعنی ویرایش قالب ها میرسه
برای شروع به مسیر قالبها / قالب مورد نظر / 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-image: url({$userfields['fidX']});
}
</style>
حال نوبت به ویرایش global.css میرسد که از مسیر پوسته ها / پوسته مورد نظر / global.css / ویرایش پیشرفته به ان دسترسی خواهید داشت
کد زیر را در انتهای ان اضافه کنید :
کد php:
.user-details {
background: transparent;
}
.profbg {
background-size: 100% 100%;
border: 1px solid #555555;
border-radius: 3px;
box-shadow: 0px 0px 10px 5px #888888;
}
.ud-text {
background: rgba(255,255,255,0.7);
padding: 5px;
border: 2px solid #FFFFFF;
border-radius: 6px;
max-width: 350px;
}
.ud-img img {
border: 2px solid #FFFFFF;
border-radius: 6px;
max-width: 350px;
}
کار تمام است .
البته ممکن است به دلیل نوع استایل و قالبی که از ان استفاده میکنید تصاویر کمی نا مناسب باشند که با اندکی تغییر در کدها براحتی میتوانید انرا تنظیم کنید
)