هاست لینوکس



امتیاز موضوع:
  • 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 (۱۳۹۹/۸/۱۱، ۲۳:۳۷:۵۱ عصر)
#2
سپاس از این آموزش مفید شما دوست عزیز Heart
(برای این اسپم بهم اخطار ندید لطفا Confused )

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


مردان بزرگ اراده می کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

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

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


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

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

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


در مورد پارسی ساز هم ورژن قبلی را تا حدود 90% ترجمه کرده بودم اما متاسفانه با اپگرید به 1.8 و ناسازگاری زبان از پارسی ساز شما استفاده کردم و تا چند روز اینده سعی خواهم کرد یک نسخه ترجمه شده و قابل استفاده تهیه و جایگزین کنم
پاسخ
 سپاس شده توسطskyrose (۱۳۹۹/۸/۱۱، ۲۳:۳۷:۵۴ عصر)
#4
از تمام ارسال هایی که تا کنون در این انجمن (این انجمن تنها انجمن پشتیبانی مای بی بی ایرانی است که در ان ارسالی داشته ام) شاید 4یا پنج سئوال پرسیده ام اما متاسفانه حتی یکی از سئوالات هم بصورت کامل و انطور که شایسته یک انجمن پشتیبانی است پاسخ داده نشده و مجبور به پیگیری مشکل در انجمن اصلی شده ام
Worried about 70-411 dumps exam & comptia network+ testking.us We offer up-to-dated bu.edu practice questions and www.smith.edu dumps with Maryland Institute College of Art exam pass guarantee of icnd Boston College
پاسخ
 سپاس شده توسطskyrose (۱۳۹۹/۸/۱۱، ۲۳:۳۷:۵۶ عصر)
#5
سلام
آموزش خیلی خوبی بود ممنون فقط دوتا سوال:
1. اگه بخواییم واسه این فیلد، یه دکمه بذاریم که کاربر هدرشو توی خود انجمن آپلود کنه و بذاره باید چیکار کنیم؟
یعنی بجای اینکه لینک عکس رو کپی پیست کنه، فایل عکس رو آپلود کنه
2. چطور محدودیت سایز بذاریم که عکس فقط با سایز مشخص رو بتونه قرار بده؟
پاسخ
 سپاس شده توسطskyrose (۱۳۹۹/۸/۱۱، ۲۳:۳۷:۵۷ عصر)
#6
(۱۳۹۵/۱۲/۱۹، ۱۹:۵۱:۰۰ عصر)mgt1234 نوشته است: سلام
آموزش خیلی خوبی بود ممنون فقط دوتا سوال:
1. اگه بخواییم واسه این فیلد، یه دکمه بذاریم که کاربر هدرشو توی خود انجمن آپلود کنه و بذاره باید چیکار کنیم؟
یعنی بجای اینکه لینک عکس رو کپی پیست کنه، فایل عکس رو آپلود کنه
2. چطور محدودیت سایز بذاریم که عکس فقط با سایز مشخص رو بتونه قرار بده؟

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

ولی برای کاور پروفایل برای نسخه 1.6 یه پلاگینی هست که میشه مثل آواتار آپلودش کرد!
نصب مای بی بی - نصب قالب - ترجمه پلاگین - ترجمه قالب و پوسته - نصب انواع اسکریپت - پشتیبانی سایت شما -
نصب آپلودسنتر اختصاصی - شخصی سازی انجمن شما

پاسخ


پرش به انجمن:


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