رفتن به مطلب

برای شروعی حرفه ای آماده اید ؟!

سایت ساز IPSنسخه ۴/۴/۱۰
فارسی ساز IPS ۴.۴بیلد ۵
تاریخ هجری شمسینسخه ۴.۷.۳

توجه کنید برای دانلود فایل های اختصاصی باید سایت خود را ثبت کنید. اطلاعات بیشتر.

جستجو در
  • تنظیمات بیشتر ...
نمایش نتایجی که شامل ...
جستجو در ...
IPS10

بزرگ کردن سایز آواتار و مستطیل کردن آن در تاپیک ها بدون کشیدن تصاویر برش زده شده بصورت مربع

پست های پیشنهاد شده

ارسال شده در (ویرایش شده)

باسلام

با این کدها مستقیما تصاویر آپلود شده به عنوان آواتار در تاپیک ها نمایش داده می شوند و کاری به ابزار برش و اینکه چطور عکس رو برش زده باشین نداره . 

به مسیر زیر برین :

پنل ادمین >شخصی سازی >پوسته ها >کلیک بر روی ایکون  </> (ویرایش htmlوcss) قالب مورد استفاده .

عبارت postcontainer رو جستجو کنین و قالب مورد نظر رو انتخاب کنین 

کدهای زیر رو جستجو کنین :

			<li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
			</li>

و این کدها را جایگزین کدهای بالا کنید :

        <li class='cAuthorPane_photo'>
              {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
              <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
              {{else}}
              <img src="{$comment->author()->photo}">
              {{endif}}
	    </li>

سپس در تب css و در قسمت custom.css کد های زیر رو اضافه کنین :

.cAuthorPane_photo img {
  width: 150px;
  max-height:300px!important;
  height:auto;
}

 

نتیجه کار :

قبل :

2.jpg.aecc46bbabbe1252536f818d39c45ee5.jpg

 

بعد :

1.jpg.e520675e306ccc620b66cae63d05a14e.jpg

ویرایش شده توسط power30
  • ذوق زده 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
در 9 ساعت قبل، Arash.Ranjbar گفته است :

این کدها رو روی نسخه موبایل هم امتحان کردین ببینین به چه شکلی در میاد؟

قطعا در موبایل نمیشه به این صورت نمایش داد و باید به صورت پیش فرض که گرد و کوچک هست استفاده کرد زیرا با رزولوشن پایین چاره ایی نیست

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
در 10 ساعت قبل، Arash.Ranjbar گفته است :

سلام. 

این کدها رو روی نسخه موبایل هم امتحان کردین ببینین به چه شکلی در میاد؟

نه .ولی با این کدها امتحان کنید ببینید چه شکلی میشه :

postcontainer :

  <div class='cAuthorPane_photo2'>
              {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
              <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
              {{else}}
              <img src="{$comment->author()->photo}">
              {{endif}}
	    </div>

custom.css

.cAuthorPane_photo2 img {
  max-width:60px!important;
  width: auto;
  height:60px!important;
}

.cAuthorPane_mobile{
 height:100px!important 
}

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا به ما در درک نحوه استفاده از آن کمک کند. سیاست حریم خصوصی.