宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2004-03-01

HTMLをシンプルにした

capture

久しぶりの更新「子豚のしっぽ」です。夕の買い物に行きますと、桃の花が売られていました。三寒四温のことば通りに季節が移り変わりっているようです。

トップ・ページを新しくしていくつかのページを追加しました。3ペイン的なレイアウトに変更し、各ページ左上に「ナビ・ボックス(右イメージ)」の記述なども大幅にシンプルにしてみました。

新しいソース

<div id="navcontainer-box">
<div id="navcontainer">
  <ul id="navlist">
  <li class="on-idx">Home</li>
  <li><a href="summary.html">Gallery</a></li>
  <li><a href="summary.html#workingroom">Working Room</a></li>
  <li><a href="summary.html#intro">Introduction</a></li>
  <li><a href="summary.html#order">Order</a></li>
  <li class="navi-blk"><a href="summary.html#inform">Information</a></li>
  <li><a href="summary.html#special">Special Issue</a></li>
  <li class="navi-blk"><a href="summary.html#piggy">Piggys Tail 【extend】</a></li>
  <li><a href="link.html">Link</a></li>
  <li><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/">Cafe</a></li>
  </ul>
</div>
</div>

いままでのソース

<div class="box">
<div class="idx-inside">
   <div class="menu now on"><img src="folder_14.gif" alt="■" width="17" height="14" />-Home</div>
      <div class="menuseparator">-----</div>
   <div class="menu"><a href="summary.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Gallery</a></div>
   <div class="menu"><a href="summary.html#workingroom" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Working Room</a></div>
   <div class="menu"><a href="summary.html#intro" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Introduction</a></div>
   <div class="menu"><a href="summary.html#order" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Order</a></div>
   <div class="menu"><a href="summary.html#inform" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Information</a></div>
      <div class="menuseparator">-----</div>
   <div class="menu"><a href="summary.html#special" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Special Issue</a></div>
   <div class="menu"><a href="summary.html#piggy" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Piggys Tail 【extend】</a></div>
      <div class="menuseparator">-----</div>
   <div class="menu"><a href="link.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Link</a></div>
   <div class="menu"><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Cafe</a></div>
</div>
</div>

…なんちゅーか、蟻んこさんたちの行進ですな。分量の比較ということでわざとちっちゃい固定文字サイズ(The WeatherPixieのおねえさんにソースが刺さって痛そうなので)にしてありますが、某方面(何)からのご指摘を待たないまでも「質的」な検証を阻止している、にゃどとこの場合は追及しないでね、うふふ。

追記:

ソースの引用に<pre>タグを使うワナ。MSIE6でしっかりとレイアウトが崩れていました。さらにスタイルシートの中で<!-- -->を使っているのを気付かず、あーでもないこーでもない。アホや…
frown

Posted by TM* at 2004-03-01 18:07 in Web関連 » miyazaki-rod.com | English | Permalink | 
Tagged as:

このカテゴリ以下の他の日記、メモなど

  1. Dropdown menuを(小)変更
  2. 本家ホームページのレスポンシブ化
  3. レスポンシブWebデザイン・2
  4. レスポンシブWebデザイン・1
  5. 本家日記のメンテナンス
  6. 宮崎ロッドのFacebookページです。
  7. 日記に Facebook のいいね!ボタンを付けてみる
  8. リンクをタブのように見せるCSS
  9. アーカイブスを折りたたみ表示に
  10. blosxomをアレコレ

Tags

ATH (7), css (34), delight (25), facebook (39), firefox (15), google (5), html (11), maiking-delight (10), memo (62), netscape (7), NO TRUNKS (7), SEO (8), spam (15), twitter (7), war (11), WE LIVE HERE (11), いろいろ (18), うどん (6), お知らせ (5), やきとり (6), イベント (44), イワナ (7), カゲロウ (5), カディス (7), カレー (10), カワゲラ (12), キャス練 (29), ギター (5), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (5), ジャズ (167), スナップショット (5), スパゲッティ (7), ソウル (19), ソフトウェア (21), ソロー (5), タラノメ (9), チック・コリア (7), ニジマス (5), ハンドクラフト展 (12), バイク (9), バジル (7), バンブーロッド (5), パイプ (5), パット・メセニー (6), ビル・エヴァンス (17), ピアノ (28), フライ (59), フライタイイング (13), フライライン (5), メモ (202), ヤマメ (16), ランディングネット (25), ラーメン (9), リールシート (7), ロッドメイキング (10), 人物 (41), 出来事 (12), 大雪 (5), 奥多摩 (64), 奥多摩川 (32), 小菅川 (76), 小菅川冬季ニジマス釣場 (15), 山菜 (6), 新年 (16), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (28), (40), 田渕義雄 (5), 矢野シルクライン (7), (22), 読書 (53), 道志川 (6), 選挙 (6), (20), 雑感 (176), 雑誌 (7)