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

نویسنده : MybbCo

قدم اول : برای اینکار ابتدا باید یه فیلد در قسمت فیلدهای سفارشی پروفایل انجمنتون ایجاد کنید

قدم دوم : حالا به مسیر زیر برید »
پنل ادمین / قالب ها و پوسته ها / قالب مورد نظر / Member Templates
حالا member_profile رو ویرایش کنید و کد زیر رو بعد از تگ
{$header}
قرار بدید :

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead" colspan=""><strong>کاور من</strong></td>
</tr>
<tr>
<td class="trow1">
<div style="background:url({$userfields['fidX']});width:1250px;height:180px;"></div>
</td>
</tr>
</table>
<br />

در کد بالا :
به جای X در fidX ، آیدی فیلد ایجاد شده را قرار دهید به عنوان مثال 5
برای تغییر عرض کاور برای نمایش در پروفایل عدد 1250 را تغییر بدهید
برای تغییر ارتفاع کاور برای نمایش عدد 180 را تغییر بدهید


خب کار تموم هست و نتیجه نهایی به صورت زیر خواهد بود :
   


منبع : همیار مای بی بی
موفق باشید
thanks
نویسنده :

X
افزودن واترمارک به تصاویر پیوست
خب شاید شما دوست داشته باشید که برای تصاویری که برای پست ها و پیوست هاتون ، آرم یا نشانه ای بزارید ...
پلاگین 1.6 / 1.8
دیدگاه های کاربران 20
ارسال: 2
در تکمیل آموزش آقا جواد:
زمان ساخت فیلد سفارشی نوع فیلد روی جعبه متن باشه/.


حالا یه سوال!
چطوری کاری کنیم که عکسی که انتخاب میشه توی کادر ما خاصیت stretch بگیره؟

پاسخ مسئول
ارسال: 3
(2014-05-30T21:24:33+00:00 2014-05-30T21:24:33+00:00)Ghiassi نوشته :  در تکمیل آموزش آقا جواد:
زمان ساخت فیلد سفارشی نوع فیلد روی جعبه متن باشه/.


حالا یه سوال!
چطوری کاری کنیم که عکسی که انتخاب میشه توی کادر ما خاصیت stretch بگیره؟

به قسمت استایل بک گراند این کد رو هم اضافه کنید :
background-size: 100%;

image
ارسال: 4
به قسمت استایل بک گراند این کد رو هم اضافه کنید :
کد:
background-size: 100%;



این کد اونی نیست که میخوام
یعنی اصلاً عکسی رو استریچ نمیکنه!

پاسخ مسئول
ارسال: 5
یا کد زیر رو اضافه کن :
background-size:cover;


یا background-size: 100%; رو به 150% تغییر بده


یا باید به تصویری که به عنوان کاور قرار میگیره یه طول و عرض ثابت بدید
مثلا :
<style>
.class {}
.class img {width:1000px;height:150px;}

image
ارسال: 6
(2014-06-08T20:21:03+00:00 2014-06-08T20:21:03+00:00)MybbCo نوشته :  یا کد زیر رو اضافه کن :
background-size:cover;


یا background-size: 100%; رو به 150% تغییر بده


یا باید به تصویری که به عنوان کاور قرار میگیره یه طول و عرض ثابت بدید
مثلا :
<style>
.class {}
.class img {width:1000px;height:150px;}




مشکل اینجاست که اگه کسی عکسی بزرگتر از اون کادر بذاره یه مقدار از عکس نمایش داده نمیشه!

حالا سومی رو باید توی گلوبال بزارم؟
اگه توی کد بالا باید باشه خودتون توی کد قرارش بدید و بذارید
عذر میخوام
با این کدهای css خیلی کار نکردم
ارسال: 7
سلام.

من یه مشکل توی این دارم

وقتی عکس رو هر عکسی رو میزاری چندتا نشون میده

و بعد یکم کادر بزرگ تر میشه

image
ارسال: 8
ممنون

درستش کردم.

فقط چه طوری میتونم وسط چینش کنم؟

پاسخ مسئول
ارسال: 9
(2014-07-19T17:01:20+00:00 2014-07-19T17:01:20+00:00)*mahdi* نوشته :  ممنون

درستش کردم.

فقط چه طوری میتونم وسط چینش کنم؟

یکی از دو راه زیر رو امتحان کنید :

راه اول :
از کدهای زیر استفاده کنید :
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead" colspan=""><strong>کاور من</strong></td>
</tr>
<tr>
<td class="trow1" style="position:relative">
<div style="background:url({$userfields['fidX']});width:1250px;height:180px;position:absolute;right:0;left:0;"></div>
</td>
</tr>
</table>
<br />


راه دوم :
یا از کدهای زیر استفاده کنید :
<style>
.profilecover, .profilecover img {text-align:center}
</style>

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead" colspan=""><strong>کاور من</strong></td>
</tr>
<tr>
<td class="trow1 profilecover">
<div style="background:url({$userfields['fidX']});width:1250px;height:180px;text-align:center;"></div>
</td>
</tr>
</table>
<br />



thanks

image
ارسال: 10
متاسفانه هیچ کدوم عمل نکرد

پاسخ مسئول
ارسال: 11
به جای این کد :
<div style="background:url({$userfields['fidX']});width:1250px;height:180px;"></div>

از کد زیر استفاده کنید :
<style>.coverprofile, .coverprofile img {text-align:center}</style>
<div class="coverprofile"><img src="{$userfields['fidX']}" /></div>

image
ارسال: 12
ممنون درست شد
ارسال: 13
ممنون
اون تكرار عكس رو ميشه به ماهم بگيد اكي كينم
منم تست كردم عكس كوچك رو تكرار ميكنه ميخوام عكس هاي كوچك رو هم خودش بزرگ كنه و تو اندازه باشه
و اينكه وقتي عكسي با ارتفاع 250 ميذاري بقيش ميره زير يهني فقط 180 تاي آن نشون داده ميشه چيگار كينم اينم فيت شه با انجمن ؟؟؟

پاسخ مسئول
ارسال: 14
(2014-08-31T11:34:38+00:00 2014-08-31T11:34:38+00:00)Mr President نوشته :  ممنون
اون تكرار عكس رو ميشه به ماهم بگيد اكي كينم
منم تست كردم عكس كوچك رو تكرار ميكنه ميخوام عكس هاي كوچك رو هم خودش بزرگ كنه و تو اندازه باشه
و اينكه وقتي عكسي با ارتفاع 250 ميذاري بقيش ميره زير يهني فقط 180 تاي آن نشون داده ميشه چيگار كينم اينم فيت شه با انجمن ؟؟؟

میتونید از همین کد استفاده کنید :


<style>.coverprofile, .coverprofile img {text-align:center}</style>

<div class="coverprofile"><img src="{$userfields['fidX']}" /></div>

البته با کمی تغییر ، مثلا تعیین عرض و ارتفاع دلخواهتون و ...

image
ارسال: 15
دوستان نمیشه نغییری ایجاد کرد که هرکسی نمیخواد کاور بذاره توی پروفایلش کادر ایجاد نشه؟

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :