如何将 SharePoint 2013 徽标放在菜单上方？

Question

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

我已经尝试下载现有的母版页 (seattle) 并对其进行一些调整（并签入等），但没有任何影响，以至于我不得不验证它是否确实处于活动状态.

一项更改包括移动此：

<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}

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

Answer 2

完整的答案在这里，基于 Maarten 的。这包括隐藏左侧导航。我不得不将#siteicon（一个容器）提高到 100 像素高，以便在徽标和其下方的菜单之间添加一些 space。

<style type="text/css">

#sideNavBox { display: none; }
#contentBox { margin-left: 20px; }
#topNav {  margin-top: 50px; }

#siteIcon { height: 100px; }

.ms-siteicon-img {
max-height: 200px;
max-width: 500px; }

#s4-bodyContainer #titleAreaBox.ms-table, #s4-bodyContainer #titleAreaBox > 
#titleAreaRow {display:block;}

#s4-bodyContainer #titleAreaBox > #titleAreaRow > #siteIcon 
{float:left;display:block;margin:0 auto;}

</style>

如何将 SharePoint 2013 徽标放在菜单上方？

How to put SharePoint 2013 logo above menu?

css

sharepoint

master-pages

sharepoint-2013