css - 如何将 SharePoint 2013 Logo 放在菜单上方？

Question

有没有办法将 Logo 从其默认位置(菜单左侧)移动到菜单上方？我找不到有关如何执行此操作的任何资源。

我已经尝试下载现有的母版页 (seattle) 并通过一些调整对其进行更改(并 checkin 等)，但没有任何影响，以至于我不得不验证它是否确实处于事件状态。

一个变化包括移动这个:

<div id="siteIcon" class="ms-tableCell ms-verticalAlignTop">
<SharePoint:AjaxDelta id="DeltaSiteLogo" BlockElement="true" runat="server">
    <SharePoint:SPSimpleSiteLink CssClass="ms-siteicon-a" runat="server"   id="onetidProjectPropertyTitleGraphic" >
        <SharePoint:SiteLogoImage CssClass="ms-siteicon-img" name="onetidHeadbnnr0" id="onetidHeadbnnr2" LogoImageUrl="/_layouts/15/images/siteIcon.png?rev=23" runat="server"/>
    </SharePoint:SPSimpleSiteLink>
</SharePoint:AjaxDelta>
</div>

从第 354 行到不同的地方，例如第 216、217、218 或 219 行上方，或 326 之后(功能区部分上方)。不用找了。诚然，我是在猜测。

Answer 1

您可以通过 CSS 执行此操作。甚至不一定需要编辑母版页。

#s4-bodyContainer #titleAreaBox.ms-table, #s4-bodyContainer #titleAreaBox > #titleAreaRow {display:block;}
#s4-bodyContainer #titleAreaBox > #titleAreaRow > #siteIcon {float:none;display:block;margin:0 auto}

要获得您想要的任何其他格式，当然需要额外的样式 :) 但这将使站点图标居中。