如何定義SharePoint 2007 topnav中單個單元格的樣式？

我有一個客戶爲MOSS topnav中的每個單獨導航單元請求單獨的顏色。我知道如何將topnav欄作爲一個整體進行設計，但無法想出一種將它們分開着色的方法。如何定義SharePoint 2007 topnav中單個單元格的樣式？

我已經看過SharePoint生成的源代碼，並注意到這些標籤ID爲'zz1_TopNavigationMenun1'，'zz1_TopNavigationMenun2'等，但似乎無法覆蓋CSS。

是否有人知道是否可以明確設置每個選項卡，如果有，是否包含哪些CSS？

非常感謝。

來源

2010-06-17 Kelvin Hoyle

你能爲那些不知道Sharepoint的人展示一些HTML代碼嗎？ – 2010-06-17 17:43:45

是的，你可以設置MOSS菜單的各個選項卡，但它非常黑（因爲代碼不可訪問，樣式通常是內聯的，所以你需要使用！重要的CSS黑客）。

包含所有菜單中的表具有以下ID：zz1_TopNavigationMenu

然後，每個topnav菜單項具有以下ID：zz1_TopNavigationMenun0，zz1_TopNavigationMenun1等從左至右開始（在該數end，所以n0是最左邊的菜單項，n1是第二個，等等）

每個菜單項都是td。你可以做這樣的事情

#zz1_TopNavigationMenun1 { 
    border-left:1px solid #FFFFFF !important; 
    border-right:1px solid #FFFFFF !important;

}

你需要使用！重要的CSS黑客爲了使這項工作設置的菜單項的邊界在你的CSS。否則，您的樣式將被顯示在MOSS菜單中的內聯樣式覆蓋（用戶懸停在其上）。

這些TD裏面，還有另外一個表，您可以設置多個樣式（鏈接例如外觀等）

當選擇一個菜單項，在MS-topnavselected類添加到它。您可以使用不同的顏色適用於例如菜單項（再次使用你的CSS重要！）

如果不選擇菜單項，你應該得到的HTML，看起來像這樣：

<table cellspacing="0" cellpadding="0" border="0" width="100%" class="ms-topnav zz1_TopNavigationMenu_4 ms-topnavselected zz1_TopNavigationMenu_10"> 
    <tbody> 
    <tr> 
    <td style="white-space: nowrap;"> 
     <a style="border-style: none; font-size: 1em;" href="...." class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3 ms-topnavselected zz1_TopNavigationMenu_9">Text</a> 
     </td> 
</tr> 
    </tbody> 
</table>

當被選中，HTML看起來像這樣：

<table cellspacing="0" cellpadding="0" border="0" width="100%" class="ms-topnav zz1_TopNavigationMenu_4 ms-topnavselected zz1_TopNavigationMenu_10"> 
    <tbody> 
    <tr> 
    <td style="white-space: nowrap;"> 
     <a style="border-style: none; font-size: 1em;" href="...." class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3 ms-topnavselected zz1_TopNavigationMenu_9">Text</a> 
     </td> 
</tr> 
    </tbody> 
</table>

2之間最大的區別是.MS-topnavselected所以這就是，如果你想在風格選擇的菜單，你應該使用什麼：

.ms-topnavselected { 
    color:#FFFFFF !important; 
}

例如（再一次，您需要！重要）。因此，基本上，如果您想根據菜單的位置來設置菜單的樣式，請使用＃zz1_TopNavigationMenun從表格中進行設置，如果要爲所選菜單設置樣式，請使用.ms-topnavselected。對於其中的任何其他內容，您必須使用父子關係來訪問它們（因爲它們的ID不可靠）。例如：

#zz1_TopNavigationMenun1 > tbody > tr > td

樣式化特定的菜單項。

希望這會有所幫助！

來源

2010-06-17 19:13:14

輝煌。謝謝你的幫助！ – 2010-06-17 20:33:21

如何定義SharePoint 2007 topnav中單個單元格的樣式？

回答

相關問題