[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

[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.