Good News I figure it out how to achieve it with CPF
First we need to set up a CPF in ACP like so
Important name of the CPF must be as shown!!!
Now to editing the files
In viewtopic_body.html find
and change to
Code: Select all
<div class="avatar-container <!-- IF postrow.S_PROFILE_GENDER -->{postrow.PROFILE_GENDER_VALUE}<!-- ENDIF -->">
In memberlist_view.html find
Code: Select all
<!-- IF AVATAR_IMG -->
<dl class="left-box">
<dt class="profile-avatar">{AVATAR_IMG}</dt>
<!-- EVENT memberlist_view_rank_avatar_before -->
<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
<!-- EVENT memberlist_view_rank_avatar_after -->
</dl>
<!-- ENDIF -->
and change to
Code: Select all
<!-- IF AVATAR_IMG -->
<dl class="left-box">
<dt class="profile-avatar">{AVATAR_IMG}</dt>
<!-- EVENT memberlist_view_rank_avatar_before -->
<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
<!-- EVENT memberlist_view_rank_avatar_after -->
</dl>
<!-- ELSE -->
<dl class="left-box">
<dt class="no-avatar no-avatar-memberview">
<div class="avatar-container <!-- IF S_PROFILE_GENDER -->{PROFILE_GENDER_VALUE}<!-- ENDIF -->">
</div>
</dt>
<!-- EVENT memberlist_view_rank_no_avatar_before -->
<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
<!-- EVENT memberlist_view_rank_no_avatar_after -->
</dl>
<!-- ENDIF -->
then find and delete
Code: Select all
<!-- IF not AVATAR_IMG -->
<!-- EVENT memberlist_view_rank_no_avatar_before -->
<!-- IF RANK_TITLE --><dt>{L_RANK}{L_COLON}</dt> <dd>{RANK_TITLE}</dd><!-- ENDIF -->
<!-- IF RANK_IMG --><dt><!-- IF RANK_TITLE --> <!-- ELSE -->{L_RANK}{L_COLON}<!-- ENDIF --></dt> <dd>{RANK_IMG}</dd><!-- ENDIF -->
<!-- EVENT memberlist_view_rank_no_avatar_after -->
<!-- ENDIF -->
3rd file to edit is ucp_pm_viewmessage.html
find
and change to
Code: Select all
<div class="avatar-container <!-- IF S_PROFILE_GENDER -->{PROFILE_GENDER_VALUE}<!-- ENDIF -->">
Now for css open _colours.scss and at the bottom add
Code: Select all
.no-avatar .avatar-container {
width: 96px;
height: 96px;
}
.no-avatar .Male {
background-image: url("./images/no_avatar_male.png");
background-repeat: no-repeat;
}
.no-avatar .Female {
background-image: url("./images/no_avatar_female.png");
background-repeat: no-repeat;
}
.no-avatar .None {
background-image: url("./images/no_avatar.png");
background-repeat: no-repeat;
}
@media (max-width: 700px) {
.postprofile .no-avatar .avatar-container {
width: 32px;
height: 32px;
float: left;
margin-right: 5px;
}
.no-avatar .None, .no-avatar .Female, .no-avatar .Male {
background-size: 32px;
}
.no-avatar-memberview .Female, .no-avatar-memberview .Male, .no-avatar-memberview .None {
background-size: 96px;
}
}
This is gonna get tricky since Arty's styles use scss you need to recompile that scss file.
Here is his tutorial how to do it
https://www.artodia.com/phpbb-31-tutori ... ile-theme/
I recommend using the extensions it works on 3.3
END RESULT