Tutorial Marire Avatare IPS 4.7

[+dOc MFX]

Salut, ca si in versiunea precedenta totul este aproape identic

Ps: Tutorialul merge atat cu avatarele generate cu prima litera din nume, cat si cu avatarul default! Depinde de ce vreti sa alegeti!

Mergeti in ACP -> Customization -> Templates -> Template-ul tau -> Post Container -> Cautati urmatorul cod :

	<li data-role='photo' class='cAuthorPane_photo'>
				<div class='cAuthorPane_photoWrap'>
					{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
					{{if $comment->author()->modShowBadge()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span>
					{{elseif $comment->author()->joinedRecently()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span>
					{{endif}}
					{{if !$comment->isAnonymous() and $comment->author()->canHaveAchievements() and \IPS\core\Achievements\Rank::show() and $rank = $comment->author()->rank()}}
						{$rank->html( 'cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px' )|raw}
					{{endif}}
				</div>
			</li>

Inlocuiti bucata de cod de mai sus cu urmatoarea :

 <li data-role='photo' class='cAuthorPane_photo'>
				<div class='cAuthorPane_photoWrap'>
				{{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
  	            <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
                {{else}}
  	            {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
                {{endif}}
					{{if $comment->author()->modShowBadge()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span>
					{{elseif $comment->author()->joinedRecently()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span>
					{{endif}}
					{{if !$comment->isAnonymous() and $comment->author()->canHaveAchievements() and \IPS\core\Achievements\Rank::show() and $rank = $comment->author()->rank()}}
						{$rank->html( 'cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px' )|raw}
					{{endif}}
				</div>
			</li>

Daca vreti sa adaugati o latime maxima la avatar, puteti trece urmatorul cod in custom.css [ latimea o modificati in functie de nevoie ] :

.cAuthorPane_photo img {
  max-width:150px; 
}

Trebuie sa adaugati si urmatoarea linie de cod, tot in custom.css [ evident si aici va setati voi marimile ]

.cAuthorPane .ipsUserPhoto {
  max-width:150px;
  max-height:300px;
  width:unset;
  height:unset;
}

Daca apar probleme, puteti sa ma contactati si se rezolva!

[mr.franta]

Mergeau modificate si cu css fara a face modificari in template.

[Ștefan A.]

On 12/18/2022 at 9:26 AM, mr.franta said:

Mergeau modificate si cu css fara a face modificari in template.

Din cate stiu nu, pentru ca tie in userinfo iti generaza un thumbnail a ceea ce ai incarcat tu, nu toata imaginea.

[Sebastian C.]

On 12/25/2022 at 6:37 PM, Ștefan A. said:

Din cate stiu nu, pentru ca tie in userinfo iti generaza un thumbnail a ceea ce ai incarcat tu, nu toata imaginea.

Poți face și din css cum zice el doar că ai mai mult de lucru la cod pentru a da aspectul pe care-l obții când editezi și-n template. În mare parte rezultatu e unu de o imagine cu border radius de 30px și claritate nexam.