CMSならDotNetNuke！高機能かつフリーのCMSです。

7 10

Written by: Sugishita Tomotoshi
2008/07/10 23:59

本日は、平日の夜にもかかわらず多くの方にご参加いただき、まことにありがとうございました。
参加された方みなさん熱心で、私自身、非常に有意義な時間を過ごせたと思っております。

本日デモで使用したスキンのコードの抜粋を掲載します。
よろしければ、参考にしてください。


Test1.html の抜粋

<div id="header-menu">[NAV]</div>

skin.xml

<Objects>
  <Object>
    <Token>[NAV]</Token>
    <Settings>
      <Setting>
        <Name>ProviderName</Name>
        <Value>DNNMenuNavigationProvider</Value>
      </Setting>
      <Setting>
        <Name>ControlOrientation</Name>
        <Value>horizontal</Value>
      </Setting>
      <Setting>
        <Name>IndicateChildren</Name>
        <Value>false</Value>
      </Setting>
      <Setting>
        <Name>IndicateChildImageExpandedRoot</Name>
        <Value>true</Value>
      </Setting>
      <Setting>
        <Name>NodeRightHTMLRoot</Name>
        <Value>&amp;nbsp;</Value>
      </Setting>
      <Setting>
        <Name>NodeLeftHTMLRoot</Name>
        <Value>&amp;nbsp;</Value>
      </Setting>
      <Setting>
        <Name>SeparatorHTML</Name>
        <Value>&amp;nbsp;|&amp;nbsp;</Value>
      </Setting>
      <Setting>
        <Name>CSSControl</Name>
        <Value>MenuContainer</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeRoot</Name>
        <Value>RootMenu</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeHoverRoot</Name>
        <Value>RootMenuHover</Value>
      </Setting>
      <Setting>
        <Name>CSSContainerSub</Name>
        <Value>SubMenuContainer</Value>
      </Setting>
      <Setting>
        <Name>CSSNode</Name>
        <Value>SubMenu</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeHover</Name>
        <Value>SubMenuHover</Value>
      </Setting>
      <Setting>
        <Name>CSSIcon</Name>
        <Value>SubMenuIcon</Value>
      </Setting>
    </Settings>
  </Object>
</Objects>

skin.css

/* Menu Bar */
#header-menu {
  background-color: #006699;
  padding: 3px;
}

/* Root Menu */
.RootMenu {
  color: White;
  font-family: "メイリオ" "ＭＳ Ｐゴシック" Tahoma;
  font-size: 9pt;
}
.RootMenuHover { }

/* Sub(Popup) Menu */
.SubMenuContainer {
  border: solid 1px #003366;
  background-color: #006699;
}
.SubMenu {
  color: White;
}
.SubMenu td, .SubMenu td span {
  padding: 2px;
  font-family: "メイリオ" "ＭＳ Ｐゴシック" Tahoma;
  font-size: 9pt;
}
.SubMenuHover {
  background-color: White;
  color: #006699;
}
.SubMenu .SubMenuIcon {
  border-left: solid 3px White;
}
.SubMenuHover .SubMenuIcon {
  border-left: solid 3px #006699;
}

Tags: