BassMan
Well-known member
I've added a notice so in the future you won't be able to install a version that supports only XF 2.1. Sorry for any inconvenience.Be nice if on your site it had something saying for 2.1
I've added a notice so in the future you won't be able to install a version that supports only XF 2.1. Sorry for any inconvenience.Be nice if on your site it had something saying for 2.1
- added option to style top inner
Only for XF 2.1 and above: https://xenforo.com/community/resources/cxf-top-navigation.6492/updates#resource-update-29404so, is available the "nofollow" option? xf2.0
Yes, that option is currently disabled.Hello
I have tested on your demo site.
It seem that the top menu do not sticky!
I tested it with iphone 7 plus.
*(if using log in and register buttons in top navigation)
- added style property to change log in or register icon color
- added style property to change log in link color
- added style property to change log in link color when hover
- added style property to change register link color
- added style property to change register link color when hover
- small bugfix
- compatibility fix when using this add-on with [cXF] Thread scroll enhancement
- bug fix for anchor
- bug fix and fine adjustments for anchor on thread view and conversations + mobile
- compatibility with [cXF] Staff Menu add-on
Maintenance update
- minor updates to option descriptions, fixed typos if any and other minor maintenance stuff
- no new features or bug fixes in this update
- added
rel="noopener"
to links that open in new tab
- compatibility with [cXF] Thread scroll enhancement add-on for XF 2.2
<xf:if is="{{$xf.visitor.isMemberOf(18)}}">
<xf:if is="$xf.options.tn_link6_title OR $xf.options.tn_link6_url OR $xf.options.tn_link6_icon">
<xf:if is="$xf.options.tn_menu6">
<li>
<a href="{{ $xf.options.tn_link6_url }}" class="tn-link6 menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a>
<div class="menu tn-menu6" data-menu="menu" aria-hidden="true" style="width: {$xf.options.tn_menu6_width}px; max-width: 97%;">
<div class="menu-content">
<xf:if is="$xf.options.tn_menu6_menuHeader"><h4 class="menu-header">{{ $xf.options.tn_menu6_menuHeader }}</h4></xf:if>
<xf:if is="$xf.options.tn_menu6_sublink1_title OR $xf.options.tn_menu6_sublink1_url">
<a href="{{ $xf.options.tn_menu6_sublink1_url }}" class="tn-menu6-sublink1 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink1_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink1_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink1_title }}</a>
</xf:if>
<xf:if is="$xf.options.tn_menu6_sublink2_title OR $xf.options.tn_menu6_sublink2_url">
<a href="{{ $xf.options.tn_menu6_sublink2_url }}" class="tn-menu6-sublink2 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink2_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink2_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink2_title }}</a>
</xf:if>
<xf:if is="$xf.options.tn_menu6_sublink3_title OR $xf.options.tn_menu6_sublink3_url">
<a href="{{ $xf.options.tn_menu6_sublink3_url }}" class="tn-menu6-sublink3 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink3_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink3_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink3_title }}</a>
</xf:if>
<xf:if is="$xf.options.tn_menu6_sublink4_title OR $xf.options.tn_menu6_sublink4_url">
<a href="{{ $xf.options.tn_menu6_sublink4_url }}" class="tn-menu6-sublink4 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink4_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink4_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink4_title }}</a>
</xf:if>
<xf:if is="$xf.options.tn_menu6_sublink5_title OR $xf.options.tn_menu6_sublink5_url">
<a href="{{ $xf.options.tn_menu6_sublink5_url }}" class="tn-menu6-sublink5 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink5_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink5_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink5_title }}</a>
</xf:if>
<xf:if is="$xf.options.tn_menu_custom_html_6">
<span class="customMenu">
<xf:include template="cxf_top_navigation_custom_6" />
</span>
</xf:if>
</div>
</div>
</li>
<xf:else />
<li><a href="{{ $xf.options.tn_link6_url }}" class="tn-link6" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a></li>
</xf:if>
</xf:if>
</xf:if>
</xf:if>
Yes, currently, this is the easiest way to do this.Aha, I may have done it: Does this seem the best way?
Code:<xf:if is="{{$xf.visitor.isMemberOf(18)}}"> <xf:if is="$xf.options.tn_link6_title OR $xf.options.tn_link6_url OR $xf.options.tn_link6_icon"> <xf:if is="$xf.options.tn_menu6"> <li> <a href="{{ $xf.options.tn_link6_url }}" class="tn-link6 menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a> <div class="menu tn-menu6" data-menu="menu" aria-hidden="true" style="width: {$xf.options.tn_menu6_width}px; max-width: 97%;"> <div class="menu-content"> <xf:if is="$xf.options.tn_menu6_menuHeader"><h4 class="menu-header">{{ $xf.options.tn_menu6_menuHeader }}</h4></xf:if> <xf:if is="$xf.options.tn_menu6_sublink1_title OR $xf.options.tn_menu6_sublink1_url"> <a href="{{ $xf.options.tn_menu6_sublink1_url }}" class="tn-menu6-sublink1 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink1_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink1_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink1_title }}</a> </xf:if> <xf:if is="$xf.options.tn_menu6_sublink2_title OR $xf.options.tn_menu6_sublink2_url"> <a href="{{ $xf.options.tn_menu6_sublink2_url }}" class="tn-menu6-sublink2 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink2_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink2_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink2_title }}</a> </xf:if> <xf:if is="$xf.options.tn_menu6_sublink3_title OR $xf.options.tn_menu6_sublink3_url"> <a href="{{ $xf.options.tn_menu6_sublink3_url }}" class="tn-menu6-sublink3 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink3_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink3_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink3_title }}</a> </xf:if> <xf:if is="$xf.options.tn_menu6_sublink4_title OR $xf.options.tn_menu6_sublink4_url"> <a href="{{ $xf.options.tn_menu6_sublink4_url }}" class="tn-menu6-sublink4 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink4_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink4_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink4_title }}</a> </xf:if> <xf:if is="$xf.options.tn_menu6_sublink5_title OR $xf.options.tn_menu6_sublink5_url"> <a href="{{ $xf.options.tn_menu6_sublink5_url }}" class="tn-menu6-sublink5 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink5_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink5_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink5_title }}</a> </xf:if> <xf:if is="$xf.options.tn_menu_custom_html_6"> <span class="customMenu"> <xf:include template="cxf_top_navigation_custom_6" /> </span> </xf:if> </div> </div> </li> <xf:else /> <li><a href="{{ $xf.options.tn_link6_url }}" class="tn-link6" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a></li> </xf:if> </xf:if> </xf:if> </xf:if>
We use essential cookies to make this site work, and optional cookies to enhance your experience.