изменение стиля меню в dotnet nuke - PullRequest
2 голосов
/ 30 сентября 2010

Я использую скин Alldnnskins-10949 в моем dotnetnuke. Здесь я хочу изменить стиль подменю, например, шрифт и т. Д. Но я не знаю, как это? Кто-нибудь знает это?

1 Ответ

2 голосов
/ 27 апреля 2011

Это зависит от того, какой уровень контроля вы имеете со своими скинами.

Если у вас есть полный контроль, перейдите в папку скинов (поддерево порталов) в проводнике Windows.

Откройте файл ascx вашей кожи.

Посмотрите, какое меню навигации используется.

Это, вероятно, SolParts или одно из меню Nav, которое поставляется с DotNetNuke.

Как только вы определились с этим, вы можете либо просмотреть обучающее видео по оформлению этого конкретного меню (например, в DNN Creative), либо попробовать найти документацию для него. Обычно в документации для каждого меню есть руководство по стилю.

Например, у провайдера меню DNNRadMenu есть руководство по стилю: http://www.telerik.com/help/aspnet/menu/menu_apireference.html

У каждого провайдера Nav Menu будет что-то похожее, хотя, вероятно, не такое обширное для использования, как DNNRadMenu (которое, кстати, свободно от 5.6.2) http://dnnradmenu.codeplex.com/

Если у вас нет такого уровня детализации, я предлагаю установить панель инструментов веб-разработчика в Firefox.

Затем перезагрузите firefox и зайдите на свою страницу с этим скином.

Нажмите Ctrl-Shift-F и выделите части вашего меню Nav. Откроется желтое меню, в котором отображается ваш текущий HTML-элемент, его дочерние элементы, его родители и класс CSS каждого элемента.

Теперь перейдите в меню CSS на панели инструментов веб-разработчика и нажмите EditCSS

Это позволит вам настраивать CSS страницы в режиме реального времени. Он не сохраняет CSS, но позволяет увидеть, как будет выглядеть страница, если вы изменили CSS-файлы.

Щелкните тег module.css и начните изменять стили CSS, которые вы видели с помощью этой функциональности Ctrl-Shift-F.

Кроме того, вы можете пропустить функцию Ctrl-Shift-F и перейти прямо к функции редактирования CSS. Тем не менее, просмотрите заголовки CSS-файлов и найдите что-то, что напоминает Nav-Menu-Ish ... например, menu.css, которое отображается, если используется встроенное меню DNN (5.6.2).

Находясь в пределах этой области Edit CSS, измените любые стили, которые вы можете, чтобы сузить, какие стили влияют на меню.

Как только вы определили стили, которые заставляют ваше меню выглядеть так, как вы хотите, вы можете пойти и внести эти изменения в сами CSS-файлы.

Если у вас есть доступ к CSS, сделайте это там - в противном случае у администраторов есть несколько способов переопределить CSS на уровне сайта - хотя мой опыт заканчивается до этого.

Короче говоря: выясните, какой провайдер Nav использует ваш скин, и найдите документацию по его созданию

...