Jump to content
QuitZone Romania
Guest Guest guest user
Existing user? Sign In  

Sign In



Sign Up
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Hapi

[Tutorial] Marire avatar 4.5

Recommended Posts

Salutare QuiZomaniilor, mai jos o sa va prezint un tutorial cum sa maresti avatarul in versiunea 4.5, nu este o diferenta doar ca s-au adaugat badge-uri si toata lumea le vrea. Acest cod conține și badge-urile adăugate de IPS.

1. In forums - topics - postContainer căutam codul acesta:

<li data-role='photo' class='cAuthorPane_photo'>
                {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}}
            </li>


2. O să înlocuim codul de mai sus cu acesta:

<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}}
            {{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}}
            </li>


3. Salvați codul, vă duceți în custom.css și puneți acest cod unde doriți voi:

.cAuthorPane_photo img {
    max-width: 170px;
    width: auto;
}

 

  • Thanks 1

Share this post


Link to post

Bravo

Share this post


Link to post

Lasa-mi o poză de la acest tutorial @Hapi

Share this post


Link to post

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.

Sign in to follow this  

Board Life Status


Board startup date: January 02, 2021 20:47:16