رفتن به مطلب

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


ارسال‌های توصیه شده

باسلام

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

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

پنل ادمین >شخصی سازی >پوسته ها >کلیک بر روی ایکون  </> (ویرایش 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
  • ذوق زده 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 کاربر

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