1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Can Style Selector Be Moved?

Discussion in 'Styling and Customization Questions' started by DRE, Oct 25, 2011.

  1. DRE

    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?
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Edit this template:

    Admin CP -> Appearance -> Templates -> navigation_visitor_tab

    Add the red code:

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

    You can edit the footer template if you want to remove the original chooser at the bottom of the page.
     
    The8thLegion likes this.
  3. DRE

    DRE Well-Known Member

    THAT IS PERFECT! THANK YOU!!!!
     

Share This Page