DNN使用了开源控件solpartMenu,可以从下面网址下载
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等样式,否则显示效果会有一些差别
上面的表格有空我做些翻译。
posted on 2006-07-11 18:47
Truly 阅读(713)
评论(3) 编辑 收藏 所属分类:
Asp.Net