Question

所以我正在尝试为我的Xenforo网站主题创建一个自定义登录栏，我已经创建了一个自定义导航栏并尝试添加登录等，但是当我这样做时，我得到了这个：http://i.imgur.com/oyau6b5.png

任何人都可以帮助我做到这一点所有这一切都在1行而不是3个单独的行吗？我的网站是www.royaltymc.net 这是实际的条形码：

					<div class="navTabs4">
						<xen:if is="@uix_pageStyle==1">
						<div class="pageWidth">
						</xen:if>
							
							<ul class="publicTabs navLeft">
	
							<xen:if is="( @uix_navigationStickyLogo && @uix_stickyNavigation ) || @uix_navStyle == 2">
							<li id="logo_small">
								<a href="{$logoLink}">
								<xen:if is="@uix_smallLogoPath">
									<img src="@uix_smallLogoPath">
								<xen:elseif is="@uix_logoText"/>
									<h2 class="uix_textLogo"><xen:if is="@uix_logoTextIcon"><i class="uix_icon @uix_logoTextIcon"></i></xen:if><xen:if is="@uix_logoText">@uix_logoText</xen:if></h2>
								<xen:else/>
									<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
								</xen:if>
								</a>
							</li>
							</xen:if>
							<!-- Shop -->
							<xen:if is="@uix_loginTriggerPosition == 1">
								<xen:include template="uix_loginTab" />
							</xen:if>
							
								
								<!-- extra tabs: middle -->
								<xen:if is="{$extraTabs.middle}">
								<xen:foreach loop="$extraTabs.middle" key="$extraTabId" value="$extraTab">
									<xen:if is="{$extraTab.linksTemplate}">
										<li class="navTab {$extraTabId} <xen:if is="@uix_removeTabLinks">{xen:if $extraTab.selected, 'selected'} Popup PopupControl PopupClosed<xen:else />{xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}</xen:if>">
									
										<a href="{$extraTab.href}" class="navLink<xen:if is="!@uix_navDropdownArrows"> NoPopupGadget</xen:if>"<xen:if is="!@uix_navDropdownArrows"> rel="Menu"</xen:if>>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
										<a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
										
										<div class="<xen:if is="@uix_removeTabLinks">Menu JsOnly tabMenu<xen:else />{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}</xen:if> {$extraTabId}TabLinks">
											{xen:if '{$extraTab.selected} && @uix_pageStyle == 1 && !@uix_removeTabLinks', '<div class="pageWidth">'}
												<div class="primaryContent menuHeader">
													<h3>{$extraTab.title}</h3>
													<div class="muted">{xen:phrase quick_links}</div>
												</div>
												{xen:raw $extraTab.linksTemplate}
												<xen:if is="{$extraTab.selected}"><xen:include template="uix_tabLinksSearch" /></xen:if>
											{xen:if '{$extraTab.selected} && @uix_pageStyle == 1 && !@uix_removeTabLinks', '</div>'}
										</div>
									</li>
									<xen:else />
										<li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
											<a href="{$extraTab.href}" class="navLink<xen:if is="!@uix_navDropdownArrows"> NoPopupGadget</xen:if>"<xen:if is="!@uix_navDropdownArrows"> rel="Menu"</xen:if>>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
											<xen:if is="!@uix_removeTabLinks"><xen:if is="{$extraTab.selected}"><div class="tabLinks"><xen:include template="uix_tabLinksSearch" /></div></xen:if></xen:if>
										</li>
									</xen:if>
								</xen:foreach>
								</xen:if>
								
								
								
	
							</ul>
							
							
							
							<xen:if is="{$uix_searchPosition} == 2">
								<xen:include template="uix_searchMinimal" />
							</xen:if>
									
								
						<xen:if is="@uix_pageStyle==1"></div></xen:if>
					</div>

这是我的HTML登录条形码:(很多代码，不确定要取出哪些位）

<xen:if is="!{$visitor.user_id} && {$contentTemplate} != 'login' && {$contentTemplate} != 'login_with_error'">

	<li class="navTab login{xen:if '@uix_loginTriggerStyle == 2', ' Popup PopupControl'} PopupClosed">
		<xen:if is="@uix_loginTriggerStyle == 1"><label for="LoginControl"></xen:if>
			<a href="{xen:link login}" class="navLink uix_dropdownDesktopMenu{xen:if '@uix_loginTriggerStyle == 2', ' NoPopupGadget'}{xen:if '@uix_loginTriggerStyle == 3', ' OverlayTrigger'}"{xen:if '@uix_loginTriggerStyle == 2',  'rel="Menu"'}>
				<xen:if is="@uix_loginTriggerIcons"><i class="uix_icon uix_icon-signIn"></i> </xen:if>
				<strong><b><font color="white">Login</font></b></strong>
			</a>
		<xen:if is="@uix_loginTriggerStyle == 1"></label></xen:if>
		
		<xen:if is="@uix_loginTriggerStyle == 2">
		<div class="Menu JsOnly tabMenu uix_fixIOSClick">
			<div class="secondaryContent uix_loginForm">
				<xen:include template="uix_loginForm" />
			</div>
		</div>
		</xen:if>
		
	</li>
	
	<a> or </a>
	
	<xen:if is="@uix_loginShowRegister && {$contentTemplate} != 'register_form'">
	<li class="navTab register PopupClosed">
		<a href="{xen:link register}" class="navLink">
			<xen:if is="@uix_loginTriggerIcons"><i class="uix_icon uix_icon-register"></i> </xen:if>
			<strong><font color="white"> Create a new account</font></strong>
		</a>
	</li>
	</xen:if>
	
</xen:if>

这是我的代码CSS：

注意：如果您需要任何其他代码，请不要犹豫！

	.navTabs4
	{
		@property "navTabs";
		font-size: 14px;
		color: #fff;
		background-color: #00254F;
    		line-height: 37px;
    		text-align: center;
		border-color: @uix_primaryBorder.border-color;
		border-radius: @uix_globalLargeBorderRadius;
		background-clip: content-box;
		@property "/navTabs";
		height: 40px;
	}

Answer 1

将此CSS代码添加到样式表中：

.navTab { display: inline-block; }

如果它不起作用，请尝试在内联块语句后添加！important。

CSS使Div文本保持在一行

1 个答案: