[TUTORIAL] - MARIRE AVATAR

[EMKing]

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!