DNN使用了开源控件solpartMenu,可以从下面网址下载
http://www.solpart.com/techcorner/SolpartMenuHistory.aspx
制作皮肤时,菜单的处理还是比较头痛的,因为它的属性和样式非常之多。
鉴于中文资料比较少,我把自己搜集到的东西稍加整理一下,希望以后各位可以用到:
上面属性的用法可以见下面
.rootmenuitemactive,.rootmenuitem等
注意在firefox环境中这些还不够,你要注意增加
.rootmenuitemactive TD
.submenu TD等样式,否则显示效果会有一些差别
上面的表格有空我做些翻译。
http://www.solpart.com/techcorner/SolpartMenuHistory.aspx
制作皮肤时,菜单的处理还是比较头痛的,因为它的属性和样式非常之多。
鉴于中文资料比较少,我把自己搜集到的东西稍加整理一下,希望以后各位可以用到:
| 属性名 | Own Settings | Default Settings |
|---|---|---|
| RightArrow | ArrwRght.gif | breadcrumb.gif |
| DownArrow | ArrwDown.gif | menu_down.gif |
| rootbreadcrumbarrow | RtMnItBrArrw.gif | No default value |
| submenubreadcrumbarrow | SuMnItBrArrw.gif | No default value |
| leftseparator | <![CDATA[<img title="" alt="" src="RtMnItLeSeNo.gif" />]]> | |
| leftseparatoractive | <![CDATA[<img title="" alt="" src="RtMnItLeSeAc.gif" />]]> | |
| leftseparatorbreadcrumb | <![CDATA[<img title="" alt="" src="RtMnItLeSeBr.gif" />]]> | |
| rightseparator | <![CDATA[<img title="" alt="" src="RtMnItRiSeNo.gif" />]]> | |
| rightseparatoractive | <![CDATA[<img title="" alt="" src="RtMnItRiSeAc.gif" />]]> | |
| rightseparatorbreadcrumb | <![CDATA[<img title="" alt="" src="RtMnItRiSeBr.gif" />]]> | |
| rootmenuitemlefthtml | <![CDATA[<img title="" alt="" class="RtMnItLeHtml" src="/--path--/RtMnItLeHtml.gif">]]> | |
| rootmenuitemrighthtml | <![CDATA[<img title="" alt="" class="RtMnItRiHtml" src="/--path--/RtMnItRiHtml.gif">]]> | |
| separator | <![CDATA[<img title="" alt="" src="RtMnItMiSprt.gif" />]]> | |
| submenuitemlefthtml | <![CDATA[<img title="" alt="" src="/--path--/SuMnItLeHtml.gif">]]> | |
| submenuitemrighthtml | <![CDATA[<img title="" alt="" src="/--path--//SuMnItRiHtml.gif">]]> | |
|
|
|
|
| separatecss | true | true |
| userootbreadcrumbarrow | true | true |
| useskinpatharrowimages | true | false |
| usesubmenubreadcrumbarrow | true | false |
| usearrows | true | true |
|
|
|
|
| menubarcssclass | MnBar | MainMenu_MenuBar |
| menucontainercssclass | MnCntr | MainMenu_MenuContainer |
| menubreakcssclass | MnBreak | MainMenu_MenuBreak |
| menuiconcssclass | MnIcon | MainMenu_MenuIcon |
| menuitemcssclass | RtAndSuMnItNo | MainMenu_MenuItem |
| menuitemselcssclass | RtAndSuMnItHo | MainMenu_MenuItemSel |
| rootmenuitemcssclass | RtMnItNo | No default css class |
| rootmenuitemselectedcssclass | RtMnItHo | No default css class |
| rootmenuitemactivecssclass | RtMnItAc | No default css class |
| rootmenuitembreadcrumbcssclass | RtMnItBr | No default css class |
| submenucssclass | SuMnCntr | MainMenuSubMenu |
| submenuitemactivecssclass | SuMnItAc | No default css class |
| submenuitemselectedcssclass | SuMnItHo | No default css class |
| submenuitembreadcrumbcssclass | SuMnItBr | No default css class |
| menurootarrowcssclass | RtMnItArrw | MainMenu_MenuRootArrow |
| menuarrowcssclass | SuMnItArrw | MainMenu_MenuArrow |
|
|
|
|
| leftseparatorcssclass | RtMnItLeSeNo | No default css class |
| leftseparatoractivecssclass | RtMnItLeSeAc | No default css class |
| leftseparatorbreadcrumbcssclass | RtMnItLeSeBr | No default css class |
| separatorcssclass | RtMnItMiSprt | No default css class |
| rightseparatorcssclass | RtMnItRiSeNo | No default css class |
| rightseparatoractivecssclass | RtMnItRiSeAc | No default css class |
| rightseparatorbreadcrumbcssclass | RtMnItRiSeBr | No default css class |
上面属性的用法可以见下面
<dnn:menu id=dnnMENU runat="server" userootbreadcrumbarrow="false" usearrows="true" submenucssclass="submenu" submenuitemselectedcssclass="submenuitemselected" rootmenuitemcssclass="rootmenuitem" rootmenuitemactivecssclass="rootmenuitemactive" rootmenuitemselectedcssclass="rootmenuitemselected" separator="</span><img src='http://www.spearheadstaffing.com/sites/spacer.gif' width=1px height=1px><span>"></dnn:menu>css对应styles:
.rootmenuitemactive,.rootmenuitem等
注意在firefox环境中这些还不够,你要注意增加
.rootmenuitemactive TD
.submenu TD等样式,否则显示效果会有一些差别
上面的表格有空我做些翻译。
浙公网安备 33010602011771号