用於基本垂直導航和子頁面的Sitefinity CSS類

我正在嘗試弄清楚如何使用Sitefinity中的下拉式子頁面來設置我的基本垂直導航的樣式。我無法找到一個簡單的教程或解釋我需要定位哪些CSS類來改變我的導航風格，提供的文檔是SO UNCLEAR，並且我在論壇中找不到太多幫助。到目前爲止，我所能找到的是我需要創建一個main.css文件來創建一個定製的皮膚，但是我無法直接得到關於此特定外觀目標的答案。用於基本垂直導航和子頁面的Sitefinity CSS類

任何幫助將非常讚賞從這個Sitefinity新人！

來源

2013-04-01 Shub

請包括代碼。 – Mooseman

Navigation Widget正在使用Telerik RadControls來生成菜單。這可能是：

RadMenu
RadPanelBar
RadTreeView
...

根據您選擇的導航模式，其中之一被渲染。可能你正在使用簡單的垂直菜單？

您可以覆蓋生成的類或定義外觀。

轉到您的導航控件
添加一個名稱（例如CustomSKin）的設計師進入了「包裝CSS」字段。
檢查你的標記使用例如Firebug或Chrome擴展。你會看到這個前綴添加到你的導航部分的標記。

然後，你可以聲明你想要的類風格是這樣的：

.RadPanelBar_CustomSkin .rpRootGroup { 
    // Your css 
}

你總是可以看看的的RadControls的是Telerik的提供的文檔： http://www.telerik.com/help/aspnet-ajax/panelbar-appearance-css-selectors.html

親切的問候， Daniel Plomp

來源

2013-04-02 12:45:48

謝謝，我一定會檢查一下，看看我是否可以編輯它以符合我的喜好。一旦我改變了CSS並添加了我的自定義皮膚名稱，我應該在哪裏上傳CSS文件以便將其應用於我的導航窗口小部件？它應該只在main.css文件中嗎？ – Shub

我做最終把我所有的額外CSS到的main.css，然後把它放在我的主題的全球文件夾，它似乎是工作！謝謝！ – Shub

我最簡單的方法似乎去Sitefinity模板生成器，那麼請執行下列步驟：

轉到http://templatebuilder.sitefinity.com
轉到導航和拖動垂直菜單。
轉到外觀，從Navigation Skin下拉菜單中選擇一個導航皮膚。
導出模板（將其保存到您的磁盤中）。
解壓縮並轉到\ css文件夾。
現在改變Menu.SkinName.css。

希望這會有所幫助。我想Telerik的人不會把更多的信息放在樣式菜單上，因爲有一個模板生成器可以完成一些工作。

來源

2013-04-02 08:19:43

用於基本垂直導航和子頁面的Sitefinity CSS類

回答

相關問題