Question

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

我已经尝试下载现有的母版页（西雅图）并更改它（并检查它等），并进行了一些调整，但没有任何影响，以至于我必须验证它实际上是否有效。 / p>

其中一项改变包括：

<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（一个容器）提升到100px高，以在徽标和它下面的菜单之间添加一些空间。

<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徽标放在菜单上方？

2 个答案: