Customization Options Button between Sidebar and Member List Link and Username

[Amaury]

Originally Posted by WorldCraft

Find this div around the button

<div style="text-align:center;">

After change text-align:center; to text-align:center;padding-top:5px;

And the Customize buttons are not available for guests to see, but if you are talking about removing the original button, you just need to locate it in the template (where it was originally) and just delete it, or comment it out with <!-- old button code --> if you just want to hide it from displaying on the page.

Alright, I'll take a look.

Also, here's a screenshot for the reference:

[WorldCraft]

Ah, ok. To center the Hide Customizations button find:

<form action="{vb:link member, {vb:raw userinfo}}" method="get" id="profile_swap_form" class="floatright">

And delete class="floatright"

[Amaury]

Originally Posted by WorldCraft

Ah, ok. To center the Hide Customizations button find:

<form action="{vb:link member, {vb:raw userinfo}}" method="get" id="profile_swap_form" class="floatright">

And delete class="floatright"

Wonderful!

As for the deleting or commenting out, is this the original code?

[WorldCraft]

That's the new button you added. The old button is toward the bottom of the template.

[Amaury]

Originally Posted by WorldCraft

That's the new button you added. The old button is toward the bottom of the template.

?

[WorldCraft]

Yup, place HTML comment tags around that.

[Amaury]

Originally Posted by WorldCraft

Yup, place HTML comment tags around that.

I think I'll just delete it.

Before this, the MEMBERINFO template wasn't modified, so I can always revert it if we decide to get rid of those changes.

--------------- Added 12/9/2012 at 5:40 PM ---------------

Hm.

To fix the alignment issue of the user rank not being centered under the username, is it possible to move the pencil icon up with Customize button? Or did you already post about that?

In regards to my other thread, I noticed the rank isn't directly centered under the username there, either, but there's no pencil icon there. Weird.

EDIT: You can reply regarding the postbit there, though.

[WorldCraft]

To move the pencil up, find your button code

<div style="text-align:center;padding-top:5px;">
				<vb:if condition="$show_customize_profile">
					<button class="userprof_button hidden" id="profile_customization_button"><img src="{vb:stylevar imgdir_misc}/userprofile/paintbucket_icon.png" alt=""/>&nbsp;{vb:rawphrase customize_my_profile}</button>
				<vb:else />
					<vb:if condition="$show['userhastheme']">
						<form action="{vb:link member, {vb:raw userinfo}}" method="get" id="profile_swap_form">
							<input type="hidden" name="do" value="swapcss" />
							<input type="hidden" name="u" value="{vb:raw prepared.userid}" />
							<input type="hidden" name="token" value="{vb:raw bbuserinfo.securitytoken}" />
							<input type="submit" tabindex="1" name="swapcss" value="{vb:raw usercss_switch_phrase}" class="userprof_button" id="profile_swap_button" />
						</form>
					</vb:if>
				</vb:if>
</div>

Right before the final </div> add

<vb:if condition="$show['edit_profile']">
		<a href="moderator.php?{vb:raw session.sessionurl}do=useroptions&amp;u={vb:raw userinfo.userid}"><img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" /></a>
</vb:if>

Then find where the original pencil is by searching for $show['edit_profile'] and delete it


Fix the centering, find

<span class="member_username">{vb:raw prepared.musername}</span>

Add

 style="position:relative;left:5px;"

[Amaury]

Originally Posted by WorldCraft

To move the pencil up, find your button code

<div style="text-align:center;padding-top:5px;">
                <vb:if condition="$show_customize_profile">
                    <button class="userprof_button hidden" id="profile_customization_button"><img src="{vb:stylevar imgdir_misc}/userprofile/paintbucket_icon.png" alt=""/>&nbsp;{vb:rawphrase customize_my_profile}</button>
                <vb:else />
                    <vb:if condition="$show['userhastheme']">
                        <form action="{vb:link member, {vb:raw userinfo}}" method="get" id="profile_swap_form">
                            <input type="hidden" name="do" value="swapcss" />
                            <input type="hidden" name="u" value="{vb:raw prepared.userid}" />
                            <input type="hidden" name="token" value="{vb:raw bbuserinfo.securitytoken}" />
                            <input type="submit" tabindex="1" name="swapcss" value="{vb:raw usercss_switch_phrase}" class="userprof_button" id="profile_swap_button" />
                        </form>
                    </vb:if>
                </vb:if>
</div>

Right before the final </div> add

<vb:if condition="$show['edit_profile']">
        <a href="moderator.php?{vb:raw session.sessionurl}do=useroptions&amp;u={vb:raw userinfo.userid}"><img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" /></a>
</vb:if>

Then find where the original pencil is by searching for $show['edit_profile'] and delete it


Fix the centering, find

<span class="member_username">{vb:raw prepared.musername}</span>

Add

 style="position:relative;left:5px;"

The whole line?

<vb:if condition="$show['edit_profile']">

[WorldCraft]

You have to remove the entire old <vb:if>code</vb:if> if you want to delete the old pencil icon.