هاست لینوکس



امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[برای ۱.۸] تغییر هدر پروفایل توسط اعضا همانند توییتر - مای بی بی 1.8
#1
درود بر شما دوستان گرامی

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

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


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


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

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

  1. ابتدا باید یک فیلد مطابق با توضیحات داده شده در ادامه پست بسازید
  2. قالب های گفته شده را مطابق اموزش ویرایش کنید
  •  مرحله اول : ساخت فیلد
ابتدا به مسیر روبرو بروید (مطابق تصویر زیر) : پنل مدیر / تنظیمات / فیلدهای مشخصات اختیاری / افزودن فیلد . سپس فیلد خود را مطابق توضیحات زیر بسازید :
   
عنوان :
پس زمینه پروفایل
توضیح کوتاه :
سایز تصویر پیشنهادی 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-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;





کار تمام است .

البته ممکن است به دلیل نوع استایل و قالبی که از ان استفاده میکنید تصاویر کمی نا مناسب باشند که با اندکی تغییر در کدها براحتی میتوانید انرا تنظیم کنید
پاسخ
 سپاس شده توسطPars (۱۳۹۳/۶/۲۹، ۰۷:۴۶:۵۲ صبح) ، mohammadprh (۱۳۹۳/۶/۲۹، ۰۸:۱۳:۱۳ صبح) ، firstboy000 (۱۳۹۳/۶/۲۹، ۰۸:۴۳:۴۶ صبح) ، motorola30 (۱۳۹۳/۱۰/۵، ۱۰:۳۸:۰۶ صبح) ، HOssE!N-B (۱۳۹۴/۷/۱۳، ۱۱:۵۲:۵۵ صبح) ، skyrose (۱۳۹۹/۸/۱۱، ۲۳:۳۷:۵۱ عصر)


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

پرش به انجمن:


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