在dotnet nuke中更改菜單樣式

Question

我在我的dotnetnuke中使用Alldnnskins-10949皮膚。在這裏，我想改變像字體等子菜單的風格，但我不知道它是如何？有人知道嗎？

Answer 1

這取決於您對皮膚的控制級別。

如果您完全控制，請在Windows資源管理器中導航到您的skins文件夾（Portals子樹）。

打開你的皮膚的ascx文件。

查看正在使用哪個導航菜單。

這可能是SolParts或隨DotNetNuke附帶的導航菜單之一。

一旦你確定了這一點，你可以觀看培訓視頻來設計特定菜單的樣式（如DNN Creative），或者嘗試找到它的文檔。通常在每個菜單的文檔中都有一個樣式指南。

例如，DNNRadMenu導航菜單提供有一個造型指南這裏：http://www.telerik.com/help/aspnet/menu/menu_apireference.html

每個導航菜單提供商將有類似的東西，雖然可能不是那樣廣泛，以作爲DNNRadMenu使用（其中，順便說一句，是免費的使用自5.6.2）http://dnnradmenu.codeplex.com/

如果您沒有這個級別的細節，我建議在Firefox中安裝Web Developer Toolbar。

然後，重新加載firefox並訪問您的網頁與該皮膚。

按下Ctrl-Shift-F並突出顯示導航菜單的各個部分。這將顯示一個黃色菜單，顯示您當前的HTML元素，其子元素，父母以及每個元素的CSS類。

現在，到了CSS菜單中的Web開發工具欄，然後單擊EditCSS

這將允許你來調整頁面的CSS實時。它不會保存CSS，但它可以讓你查看頁面的外觀，如果你改變了CSS文件。

單擊module.css標籤，開始使用Ctrl-Shift-F功能更改您看到的CSS樣式。

或者，您可以跳過Ctrl-Shift-F功能並直接進入編輯CSS功能。但是，瀏覽CSS文件標題以獲得感覺像Nav-Menu-Ish的內容...例如menu.css，它顯示是否正在使用內置的DNN菜單（5.6.2）。

在Edit CSS區域的範圍內，更改任何樣式可以縮小哪些樣式會影響菜單。

一旦你確定了讓你的菜單看起來像你想要的樣式的樣式，你可以去改變CSS文件本身。

如果您有權訪問CSS，請在此處執行此操作 - 否則管理員會在站點級別覆蓋CSS的某些方法 - 儘管我的體驗在此之前結束。

長話短說：找出您的皮膚使用哪個Nav Provider並找到它的皮膚文檔