Can Style Selector Be Moved?

DRE

Well-known member
When you click on your name at the top right it gives you all your options. We can access Style by clicking on Preferences. Is there a way to make Style selectable from this pop-up box instead of having to go to the Preferences page? As in clicking 'Change Style' and the pop-up box for user-selectable styles show up as when we do it when we click on the style selector at the bottom of the site?
 
Edit this template:

Admin CP -> Appearance -> Templates -> navigation_visitor_tab

Add the red code:

Rich (BB code):
	<!-- account -->
	<li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">
	
		<a href="{xen:link account}" class="navLink accountPopup" rel="Menu"><strong>{$visitor.username}</strong></a>
		
		<div class="Menu JsOnly" id="AccountMenu">
			<div class="primaryContent menuHeader">
				<xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" />
				
				<h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>
				
				<xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if>
				
				<ul class="links">
					<li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li>
				</ul>
			</div>
			<xen:if is="{$canChangeStyle}">
			<div class="secondaryContent">
				{xen:phrase style_chooser}: <a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}">{$visitorStyle.title}</a>
			</div>
			</xen:if>
			<div class="menuColumns secondaryContent">
				<xen:hook name="navigation_visitor_tab_links1">
				<ul class="col1 blockLinksList">
					<li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
					<li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li>
					<li><a href="{xen:link account/preferences}">{xen:phrase preferences}</a></li>
					<li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li>
					<li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li>
					<xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if>
					<xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if>
				</ul>

The result:

Screen shot 2011-10-25 at 9.52.27 PM.webp

You can edit the footer template if you want to remove the original chooser at the bottom of the page.
 
Top Bottom