Jump to content

Tutorial Marire Avatare IPS 4.7


dOc MFX

Recommended Posts

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!

  • Like 1

WWW.TECTONICPX.COM [ Professional Web Design Services ]

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.