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.
(2016-09-08, 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>
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.
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
(2016-09-08, 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.
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
(2016-09-08, 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
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>
Just don't use percents. Use pixels.
Use my code, it works perfectly