ガイドグループ世話人の日記

はてなダイアリーガイド

はてなダイアリーガイドの草稿置き場です。この日記へリンクはどこでもご自由にどうぞ。ガイドを作るガイドグループ参加もお気軽に*。グループに入らなくても、ガイドははてなダイアリー市民なら誰でも作成・編集できるものですのでよろしくどうぞ。

※MacOS9でInternetExplorerをお使いの方は、この日記にコメントを書き込もうとすると文字化けすることがあります。対処方法はこちらをご覧ください。

 | 

1906-01-14ガイド「CSSセレクタ - 編集画面」

はてなダイアリーガイド「CSSセレクタ - 編集画面」(途中)

HTML構造概略

<body>
 <div id="banner"><h1><a><img></a><a><img></a></h1></div>
 <div id="bannersub">
  <table cellspacing="0">
    <tbody>
      <tr>
        <td>&nbsp;ようこそ<a>userID</a>さん&nbsp;</td>
        <td><a>最新の日記</a></td>
        <td><a>日記を書く</a></td>
        <td><a>管理</a></td>
        <td><a>ログアウト</a></td>
        <td><a>ヘルプ</a></td>
       </tr>
     </tbody>
   </table>
  </div>
  <div id="container">
   <div id="menu">
    <div class="menutitle">日記</div>
     <ul class="menulist">
      <li><a id="menu-edit">日記を書く</a></li>
      <li><a id="menu-archive">過去の日記</a></li>
      <li><a id="menu-configword">キーワード</a></li>
      <li><a id="menu-editprofile">プロフィール</a></li>
     </ul>
    <div class="menutitle">設定</div>
     <ul class="menulist">
      <li><a id="menu-design">デザイン</a></li>
      <li><a id="menu-config">日記の設定</a></li>
      <li><a id="menu-option">有料オプション</a></li>
     </ul>
    <div class="menutitle">そのほか</div>
     <ul class="menulist">
      <li><a id="menu-port">インポート/エクスポート</a></li>
      <li><a id="menu-delete">日記の削除</a></li>
      <li><a id="menu-tools">関連ツール</a></li>
      <li><a id="menu-myhatena">Myはてな</a></li>
     </ul>
    </div><!-- menu -->
    <div id="body">
     <div id="breadcrumbs"><a>管理ツールトップ</a> &gt; 日記を書く</div>
      <!-- <h2>日記を書く</h2> -->
      <!-- DIARYLIST -->
      <form method="post" action="./edit" enctype="multipart/form-data" name="edit" style="margin:0; padding 0;">
       <input type="hidden" name="mode">
       <input type="hidden" name="timestamp">
       <input type="hidden" name="is_today">
       <div class="option">
        <h3><input class="field">-<input class="field">-<input class="field"> <input class="field"></h3>
        <div class="optionsub">
         <table class="textarea"><tr><td>
          <table>
           <tr>
            <td>
             <script>
		     </script>
		    </td>
            <td align="right">
             <input class="field" value="はまぞう" > 
             <input class="field" value="Fotolife" >
            </td>
           </tr>
          </table>
          <textarea name="body" id="textarea-edit"></textarea>
          <table width="100%" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0">
		   <tr>
            <td>
             <span class="note">※「*」で始まる行は〜<span style="font-size: smaller;"><a>詳しい入力ルール</a></span>
            </td>
            <td align="right" valign="top">
             <div id="expand-textarea-edit"><a><img></a></div>
             <div id="contract-textarea-edit"><a><img></a></div>
            </td>
           </tr>
          </table>
         </td>
        </tr>
       </table>
       <table>
        <tr>
         <td class="label">画像アップロード</td>
         <td><input class="field"> <input class="field">
          <div class="note">※JPEG,GIF,PNG画像を登録できます。画像のタイトルも指定できます。</div>
         </td>
         <!-- IMAGEFILE -->
         <!-- PREVIEWIMAGEURL -->
        </tr>
        <tr>
         <td class="label">トラックバックURL</td>
         <td><textarea id="textarea-tburl"></textarea></td>
		</tr>
       </table>
      </div><!-- optionsub -->
      <div class="commitarea"> 
       <input class="field">
       <input class="field">
       <span class="foot-menu"><input>ちょっとした更新</span>
      </div>
     </div><!-- option -->
     <!-- TINYDATE -->
    </form>
    <!-- DIALYLIST -->
   </div><!-- body -->
   <div id="footer">Copyright (C) 2001-2005 hatena. All Rights Reserved.</div>
  </div><!-- container -->
 </body>
 | 

ホームページ制作