X style chooser in top menu bar - Revision history

Makanyane at 14:27, 12 July 2025

2025-07-12T14:27:29Z

← Older revision		Revision as of 08:27, 12 July 2025
Line 5:		Line 5:
	<xf:css src="x_style_chooser_in_top_menu_bar.less" />		<xf:css src="x_style_chooser_in_top_menu_bar.less" />
	<!-- START style chooser in top bar -->		<!-- START style chooser in top bar -->
	<div class="p-navgroup topStyleButton">		<div class="p-navgroup topStyleButton">
	<xf:if contentcheck="true">		<xf:if contentcheck="true">
	<xf:contentcheck>		<xf:contentcheck>
	<xf:if is="$xf.visitor.canChangeStyle()">		<xf:if is="$xf.visitor.canChangeStyle()">
	<a class="topStyleButtonBrush" href="{{ link('misc/style') }}" data-xf-click="overlay"		<a class="topStyleButtonBrush" href="{{ link('misc/style') }}" data-xf-click="overlay"
	data-xf-init="tooltip" title="{{ phrase('style_chooser')\|for_attr }}" rel="nofollow">		data-xf-init="tooltip" title="{{ phrase('style_chooser')\|for_attr }}" rel="nofollow">
	<xf:fa icon="fa-paint-brush" />		<xf:fa icon="fa-paint-brush" />
	</a>		</a>
			</xf:if>
	</xf:if>		<xf:if is="$xf.visitor.canChangeStyleVariation($xf.style)">
	<xf:if is="$xf.visitor.canChangeStyleVariation($xf.style)">		<a class="topStyleButtonCog" href="{{ link('misc/style-variation') }}" rel="nofollow"
	<a class="topStyleButtonCog" href="{{ link('misc/style-variation') }}" rel="nofollow"		class="js-styleVariationsLink"
	class="js-styleVariationsLink"		data-xf-init="tooltip" title="{{ phrase('style_variation') }}"
	data-xf-init="tooltip" title="{{ phrase('style_variation') }}"		data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true">
	data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true">		<xf:fa icon="{{ $xf.style.getVariationIcon($xf.visitor.style_variation) }}" title="{{ phrase('style_variation') }}" />
			</a>
	<xf:fa icon="{{ $xf.style.getVariationIcon($xf.visitor.style_variation) }}" title="{{ phrase('style_variation') }}" />		<div class="menu" data-menu="menu" aria-hidden="true">
	</a>		<div class="menu-content js-styleVariationsMenu">
			<xf:macro name="style_variation_macros::variation_menu"
	<div class="menu" data-menu="menu" aria-hidden="true">		arg-style="{$xf.style}"
	<div class="menu-content js-styleVariationsMenu">		arg-live="{{ true }}" />
	<xf:macro name="style_variation_macros::variation_menu"		</div>
	arg-style="{$xf.style}"		</div>
	arg-live="{{ true }}" />		</xf:if>
	</div>		</xf:contentcheck>
	</div>		</xf:if>
	</xf:if>		</div>
	</xf:contentcheck>
	</xf:if>
	</div>
	<!-- END style chooser in top bar -->		<!-- END style chooser in top bar -->
	</pre>		</pre>

	[[Category:TWC XenForo templates]]		[[Category:TWC XenForo templates]]

Makanyane: removed Category:TWC XenForo templates and css; added Category:TWC XenForo templates using HotCat

2025-07-12T14:19:39Z

removed Category:TWC XenForo templates and css; added Category:TWC XenForo templates using HotCat

← Older revision		Revision as of 08:19, 12 July 2025
Line 38:		Line 38:
	</pre>		</pre>

	[[Category:TWC XenForo templates ~~and css~~]]		[[Category:TWC XenForo templates]]

Makanyane: Created page with "This is basically a copy of the Style Chooser section in the default footer with an added class for styling, and inserting its required css via: x_style_chooser_in_top_menu_bar.less

  						 						 								 										 											 												
2025-07-12T14:18:29Z
Created page with "This is basically a copy of the Style Chooser section in the default footer with an added class for styling, and inserting its required css via: x_style_chooser_in_top_menu_bar.less  <pre> <xf:css src="x_style_chooser_in_top_menu_bar.less" /> <!-- START style chooser in top bar -->						 						<div class="p-navgroup topStyleButton"> 								<xf:if contentcheck="true"> 										<xf:contentcheck> 											<xf:if is="$xf.visitor.canChangeStyle()"> 												<a clas..."
New page
This is basically a copy of the Style Chooser section in the default footer with an added class for styling, and inserting its required css via:

[[x_style_chooser_in_top_menu_bar.less]]



<pre>

<xf:css src="x_style_chooser_in_top_menu_bar.less" />

<!-- START style chooser in top bar -->						

						<div class="p-navgroup topStyleButton">

								<xf:if contentcheck="true">

										<xf:contentcheck>

											<xf:if is="$xf.visitor.canChangeStyle()">

												<a class="topStyleButtonBrush" href="{{ link('misc/style') }}" data-xf-click="overlay"

													data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">

													<xf:fa icon="fa-paint-brush" /> 

												</a>



											</xf:if>

											<xf:if is="$xf.visitor.canChangeStyleVariation($xf.style)">

												<a class="topStyleButtonCog" href="{{ link('misc/style-variation') }}" rel="nofollow"

													class="js-styleVariationsLink"

													data-xf-init="tooltip" title="{{ phrase('style_variation') }}"

													data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true">



													<xf:fa icon="{{ $xf.style.getVariationIcon($xf.visitor.style_variation) }}" title="{{ phrase('style_variation') }}" />

												</a>

												

												<div class="menu" data-menu="menu" aria-hidden="true">

													<div class="menu-content js-styleVariationsMenu">

														<xf:macro name="style_variation_macros::variation_menu"

															arg-style="{$xf.style}"

															arg-live="{{ true }}" />

													</div>

												</div>

											</xf:if>

										</xf:contentcheck>

								</xf:if>						

						</div>		

<!-- END style chooser in top bar -->

</pre>



[[Category:TWC XenForo templates and css]]