Move avatar on the right side in viewprofile

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
Mateo94
Registered User
Posts: 1
Joined: Fri Oct 12, 2018 7:20 pm

Move avatar on the right side in viewprofile

Post by Mateo94 » Sat Oct 13, 2018 9:30 am

Hello,
I have a little problem and wuestion. I converted my forum from pephpBB by Przemo to phoBB3. All is Ok but i don’t know How i can change profile view. I wanna move avatar to the right side and other options to the left.
I put image with example to attachment
You can give me exaple How to do it on prosilver theme.
Attachments
8BE4FFB8-6E5B-449E-B1EE-6F5C99284802.png

Talk19Zehn
Registered User
Posts: 265
Joined: Tue Aug 09, 2011 1:10 pm

Re: Move avatar on the right side in viewprofile

Post by Talk19Zehn » Sat Nov 03, 2018 10:36 pm

Prosilver - phpBB 3.2.3 Test, test test ...

Hello, please open the memberlist_view.html and 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 -->
mark it and cut out this section. Add this section now after

Code: Select all

		<!-- EVENT memberlist_view_zebra_after -->
	</dl>
Please search also:

Code: Select all

		<dd>
			<!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span>
			<!-- IF U_EDIT_SELF --> [ <a href="{U_EDIT_SELF}">{L_EDIT_PROFILE}</a> ]<!-- ENDIF -->
			<!-- IF U_USER_ADMIN --> [ <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> ]<!-- ENDIF -->
			<!-- IF U_USER_BAN --> [ <a href="{U_USER_BAN}">{L_USER_BAN}</a> ]<!-- ENDIF -->
			<!-- IF U_SWITCH_PERMISSIONS --> [ <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> ]<!-- ENDIF -->
		</dd>
and replace it:

Code: Select all

		<dd>
			<!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span>
			<!-- IF U_EDIT_SELF --> [ <a href="{U_EDIT_SELF}">{L_EDIT_PROFILE}</a> ]<br /><hr><!-- ENDIF -->
			<!-- IF U_USER_ADMIN --> [ <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> ]<br /><hr><!-- ENDIF -->
			<!-- IF U_USER_BAN --> [ <a href="{U_USER_BAN}">{L_USER_BAN}</a> ]<br /><hr><!-- ENDIF -->
			<!-- IF U_SWITCH_PERMISSIONS --> [ <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> ]<br /><hr><!-- ENDIF -->
		</dd>

Now add your custom.css:

Code: Select all

@media screen and (min-width: 701px) and (min-device-width: 701px){

/* ( memberlist_view text-align from right to left for profile )
------------------------------------------------------------------ */
	dl.details dt {
		float: left;
		clear: left;
		width: 30%;
		text-align: left;
		display: block;
	}
	.left-box.profile-details {
		width: 70%;
	}
}
Clean up all caches (including browser caches) and test the representations and much more consequences. It should work in the first approach. On my part it is only a first thought..... :)

Regards
Currently occasionally online .. ♪ ♫ Best regards
Respect and thanks going to Tim Berners-Lee :!:

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 8 guests