[3.7.0 RC 2] Member Profile

[Peterpan002]

Just started playing :) with the member profile page in 3.7 and need a little help with some alignment and section movements, which to me at least are not as obvious as I expected. Any help much appreciated. (see attached).

First How to center user profile picture, then the other marked design issues.

[Peterpan002]

Just the centering of the profile picture now if anyone could point the way please

[SEOvB]

<div align="center">Profile picture code</div>

I'm not sure of the exact code it uses, but if you search the template for something like pic or picture you'll find it i'm sure :D

[Peterpan002]

Thanks I tried that and didn't work

[cheat-master30]

To remove reputation, try removing this:

<div id="reputation">$prepared[reputationdisplay]</div>

[Peterpan002]

thanks cheat master reps removed fine

[Peterpan002]

Still looking for some help to center the user profile picture - bump

[Peterpan002]

Anyone any ideas how you can center the profile picture in the memberinfo primary content container??

[Attitude5ire]

Its not a line code fix.. you need to reorder the cells..
this is code for profile pic.


<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<if condition="$prepared['profilepicurl']">
<td id="profilepic_cell" class="tborder alt2"><img src="$prepared[profilepicurl]" $prepared[profilepicsize] alt="<phrase 1="$prepared[username]">$vbphrase[xs_picture]</phrase>" /></td>
</if>
<td valign="top" width="100%" id="username_box"<if condition="$prepared['profilepicurl']"> class="profilepic_adjacent"</if>>
<if condition="$prepared['rank'] OR $prepared['reputationdisplay']">
<div id="reputation_rank">
<if condition="$prepared['reputationdisplay']">
<div id="reputation">$prepared[reputationdisplay]</div>
</if>
<if condition="$prepared['rank']">
<div id="rank">$prepared[rank]</div>
</if>
</div>
</if>
<h1>$prepared[musername] $prepared[onlinestatus]</h1>
<if condition="$prepared['usertitle']">
<h2>$prepared[usertitle]</h2>
</if>
</td>
</tr>
</table>


You need to move the Profile pic cell after username, then it should place it in far right .. you then need to adjust cell size if you a want a perfect centered. simple position shifting this should do.


<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" width="100%" id="username_box"<if condition="$prepared['profilepicurl']"> class="profilepic_adjacent"</if>>
<if condition="$prepared['rank'] OR $prepared['reputationdisplay']">
<div id="reputation_rank">
<if condition="$prepared['reputationdisplay']">
<div id="reputation">$prepared[reputationdisplay]</div>
</if>
<if condition="$prepared['rank']">
<div id="rank">$prepared[rank]</div>
</if>
</div>
</if>
<h1>$prepared[musername] $prepared[onlinestatus]</h1>
<if condition="$prepared['usertitle']">
<h2>$prepared[usertitle]</h2>
</if>
</td>
<if condition="$prepared['profilepicurl']">
<td id="profilepic_cell" class="tborder alt2"><img src="$prepared[profilepicurl]" $prepared[profilepicsize] alt="<phrase 1="$prepared[username]">$vbphrase[xs_picture]</phrase>" /></td>
</if>
</tr>
</table>

[Peterpan002]

Thank you that does help. Only my current code is structured slightly different, so may take a while to work out but your post was very helpful.