Jump to the post that solved this thread.
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Solved: 2 Years, 11 Months ago How can I move the avatar in the profile to the left?
#1
Solved: 2 Years, 11 Months ago
Hi there, I'm looking for information on how to move the profile avatar on the profile page to the left, before the name and status etc

Help would be appreciated! I've tried changing the member template align bit with the avatar to the left, but that only moves it slightly. Doesn't go all the way.
Reply
#2
Solved: 2 Years, 11 Months ago
(09-08-2016, 09:57 PM)DarkMatter66 Wrote: Hi there, I'm looking for information on how to move the profile avatar on the profile page to the left, before the name and status etc

Help would be appreciated! I've tried changing the member template align bit with the avatar to the left, but that only moves it slightly. Doesn't go all the way.

	<table width="100%" cellspacing="0" cellpadding="0" border="0">
		<tr>
			<td width="25%" valign="middle">{$avatar}</td>
			<td width="75%">
				<span class="largetext"><strong>{$formattedname}</strong></span>{$usercountry}<br />
				<span class="smalltext">
					({$usertitle})<br />
					{$groupimage}
					{$userstars}<br />
					<br />
					<strong>{$lang->registration_date}</strong> {$memregdate}<br />
					<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
					<strong>{$lang->local_time}</strong> {$localtime}<br />
					<strong>{$lang->postbit_status}</strong> {$online_status}
				</span>
			</td>
		</tr>
	</table>
What goes around comes around
Reply
#3
Solved: 2 Years, 11 Months ago
Something like this ? https://gyazo.com/54df9dcb1cfc0f4f70e24319aa29001e

Achieved this with simple template changes.

Go to Templates > Your theme > member_profile

Replace all the code inside your FIELDSET (Just below the {$header} ) with this :-

<table width="100%" cellspacing="0" cellpadding="0" border="0">
		<tr>
		
				<td width="10%" align="left" valign="middle">{$avatar}</td>
				<td width="90%">
				<span class="largetext"><strong>{$formattedname}</strong></span><br />
				<span class="smalltext">
					({$usertitle})<br />
					{$groupimage}
					{$userstars}<br />
					<br />
					<strong>{$lang->registration_date}</strong> {$memregdate}<br />
					<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
					<strong>{$lang->local_time}</strong> {$localtime}<br />
					<strong>{$lang->postbit_status}</strong> {$online_status}
				</span>
			</td>
		
		</tr>
	</table>

That should be it.
Reply
#4
Solved: 2 Years, 11 Months ago
Try to change member_profile template.

after {$header} tag, between <fieldset> tags replace original code with this one:


<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="120px" align="left" valign="middle">{$avatar}</td>
<td>
<span class="largetext"><strong>{$formattedname}</strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>{$lang->registration_date}</strong> {$memregdate}<br />
<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
<strong>{$lang->local_time}</strong> {$localtime}<br />
<strong>{$lang->postbit_status}</strong> {$online_status}
</span>
</td>
</tr>
</table>

That is just pure html but it should help...

Place for avatar is 120px cause avatar is 100px and I left 10 for each side. Than there is text...

If you want it other way, ask Wink
MyBB Translator & helper
Please do not PM me requesting free support or help for your forums.
You can see my paid services here.
Reply
#5
Solved: 2 Years, 11 Months ago
(09-08-2016, 10:52 PM)Freakout14 Wrote: Something like this ? https://gyazo.com/54df9dcb1cfc0f4f70e24319aa29001e

Achieved this with simple template changes.

Go to Templates > Your theme > member_profile

Replace all the code inside your FIELDSET (Just below the {$header} ) with this :-

<table width="100%" cellspacing="0" cellpadding="0" border="0">
		<tr>
		
				<td width="10%" align="left" valign="middle">{$avatar}</td>
				<td width="90%">
				<span class="largetext"><strong>{$formattedname}</strong></span><br />
				<span class="smalltext">
					({$usertitle})<br />
					{$groupimage}
					{$userstars}<br />
					<br />
					<strong>{$lang->registration_date}</strong> {$memregdate}<br />
					<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
					<strong>{$lang->local_time}</strong> {$localtime}<br />
					<strong>{$lang->postbit_status}</strong> {$online_status}
				</span>
			</td>
		
		</tr>
	</table>

That should be it.


Thank you for this!


I'm having, a somewhat odd avatar issue on my Profile, for some reason, after doing some investigating with Chrome's Inspect Element, the 'alt width="X" is set to 0, so my profile pictures aren't showing.

Not really sure how to fix this.
Reply
#6
Solved: 2 Years, 11 Months ago
Use this, that will put needed space for avatar and will work better.

that above is with percents wich isn't so good for thing like this as it isn't same at all screens, but this will be Wink

(09-08-2016, 10:59 PM)Ikerepc Wrote: Try to change member_profile template.

after {$header} tag, between <fieldset> tags replace original code with this one:


<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="120px" align="left" valign="middle">{$avatar}</td>
<td>
<span class="largetext"><strong>{$formattedname}</strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>{$lang->registration_date}</strong> {$memregdate}<br />
<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
<strong>{$lang->local_time}</strong> {$localtime}<br />
<strong>{$lang->postbit_status}</strong> {$online_status}
</span>
</td>
</tr>
</table>

That is just pure html but it should help...

Place for avatar is 120px cause avatar is 100px and I left 10 for each side. Than there is text...

If you want it other way, ask Wink
MyBB Translator & helper
Please do not PM me requesting free support or help for your forums.
You can see my paid services here.
Reply
#7
Solved: 2 Years, 11 Months ago
Maybe Align Left

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td width="10%" align="left" valign="middle">{$avatar}</td>
<td width="90%">
<span class="largetext"><strong>{$formattedname}</strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>{$lang->registration_date}</strong> {$memregdate}<br />
<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
<strong>{$lang->local_time}</strong> {$localtime}<br />
<strong>{$lang->postbit_status}</strong> {$online_status}
</span>
</td>

</tr>
</table>
No, I don't read my PM's, no I don't care!
Reply
#8
Solved: 2 Years, 11 Months ago
Just don't use percents. Use pixels.

Use my code, it works perfectly
MyBB Translator & helper
Please do not PM me requesting free support or help for your forums.
You can see my paid services here.
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)