dotText20 トップナビゲーションの日本語化

今回日本語化する部分は以下の部分です。

該当ファイルはAdmin/Resources/PageTemplate.ascxです。

<td class="NavHeaderRow">
  <ul id="TopNav">
    <li>
      <a href="EditPosts.aspx" id="TabPosts">Posts</a></li>
    <li>
      <a href="EditArticles.aspx" id="TabArticles">Articles</a></li>
    <li>
      <a href="Feedback.aspx" id="TabFeedback">Feedback</a></li>
    <li>
      <a href="EditLinks.aspx" id="TabLinks">Links</a></li>
    <li runat="server" id="GalleryTab">
      <a href="EditGalleries.aspx" id="TabGalleries">Galleries</a></li>
    <li>
      <a href="Statistics.aspx" id="TabStats">Stats</a></li>
    <li>
      <a href="Options.aspx" id="TabOptions">Options</a></li>
  </ul>
  <div id="SubNav">
    <ANW:BreadCrumbs id="BreadCrumbs" UsePrefixText="true" IsPanel="false" IncludeRoot="false" runat="server" />
  </div>
</td>

ただこのまま日本語に置き換えても、幅を固定値で設定しているため、あふれてしまったりします。

Admin/Resources/admin.cssの下記の部分がwidthを固定値にしている部分なので、widthを削除してしまいましょう。paddingの調整もするといいです。

そして、元のliに強引にwidthを設定すると収まりよくなります。

ul#TopNav a {
  background: #CFE0F8;
  border-left: 1px solid #949991;
  border-right: 1px solid #949991;
  border-top: 1px solid #949991;
  color: #000000;
  display: block;
  font-weight: normal;
  height: 17px;
  margin: 0;
  padding: 3px 11px;
  text-align: center;
  text-decoration: none;
  width: 45px;
}

うちのサイトでは下記の設定にしました。

Admin/Resources/PageTemplate.ascx

<td class="NavHeaderRow">
  <ul id="TopNav">
    <li style="width:5em">
      <a href="EditPosts.aspx" id="TabPosts">日記</a></li>
    <li style="width:10em">
      <a href="EditArticles.aspx" id="TabArticles">アーティクル</a></li>
    <li style="width:10em">
      <a href="Feedback.aspx" id="TabFeedback">フィードバック</a></li>
    <li style="width:7em">
      <a href="EditLinks.aspx" id="TabLinks">リンク</a></li>
    <li runat="server" id="GalleryTab"  style="width:8em">
      <a href="EditGalleries.aspx" id="TabGalleries">ギャラリ</a></li>
    <li style="width:5em">
      <a href="Statistics.aspx" id="TabStats">統計</a></li>
    <li style="width:8em">
      <a href="Options.aspx" id="TabOptions">オプション</a></li>
  </ul>
  <div id="SubNav">
    <ANW:BreadCrumbs id="BreadCrumbs" UsePrefixText="true" IsPanel="false" IncludeRoot="false" runat="server" />
  </div>
</td>

Admin/Resources/admin.css

ul#TopNav a {
  background: #CFE0F8;
  border-left: 1px solid #949991;
  border-right: 1px solid #949991;
  border-top: 1px solid #949991;
  color: #000000;
  display: block;
  font-weight: normal;
  height: 17px;
  margin: 0;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  
/*  width: auto;*/
}