如何在菜單上放置SharePoint 2013徽標？

是否有將徽標從其默認位置（到菜單左側）移動到菜單上方的方法？我找不到如何做到這一點的任何資源。如何在菜單上放置SharePoint 2013徽標？

我試着下載現有的母版頁（西雅圖），並改變它（並檢查它等），做了一些調整，但沒有影響，所以我不得不驗證它實際上是活動的。包括

一個變化移動此：從線354

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

到各個地方，如以上線路216,217，218，或219，或326之後（上面的帶部分）。不用找了。我承認猜測。

來源

2017-03-21 Geminirand

完整的答案在這裏，根據馬滕的。這包括隱藏左側導航。我必須將#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>

來源

2017-04-10 20:35:05 Geminirand

你可以通過CSS來做到這一點。甚至不一定需要編輯母版頁。

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

要想獲得任何額外的格式化，當然需要額外的樣式:)但是，這將中心的網站圖標。

來源

2017-03-21 23:01:05 Maarten

嗨馬爾滕。這很好，但我確實希望它在左邊。另外，它還很小，我需要使徽標更大一些。我一直在試圖調整你的代碼來解決這兩個問題，但還沒有弄明白。任何其他提示？ – Geminirand

如果你想讓它更大，只需將#siteIcon的高度/寬度設置爲你想要的大小。 – Maarten

謝謝，但這似乎並不正確。如果我設置height屬性，#siteIcon使它周圍的容器更大。通過Chrome的開發工具潛入它，我發現這個： My Intranet 但這沒有效果（如果我的目標是img id）。有任何想法嗎？我無法影響徽標的大小或使其位於左側（居中）。謝謝 – Geminirand

如何在菜單上放置SharePoint 2013徽標？

回答

相關問題