宮崎ロッド・Prime TimePiggy's Tail

Piggy's Tail

宮崎ロッドの日記、メモ、その他

HTMLをシンプルにした 2004-03-01 - Web関連 » miyazaki-rod.com,

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 | English | Permalink | 

このカテゴリ [ Web関連 » miyazaki-rod.com ] の他の日記、メモなど:

  1. ホームページのメンテナンス
  2. 写真撮影
  3. ロッドを撮影する
  4. Dropdown menuを(小)変更
  5. 本家ホームページのレスポンシブ化
  6. レスポンシブWebデザイン・2
  7. レスポンシブWebデザイン・1
  8. 本家日記のメンテナンス
  9. 宮崎ロッドのFacebookページです。
  10. 日記に Facebook のいいね!ボタンを付けてみる
  11. リンクをタブのように見せるCSS
  12. アーカイブスを折りたたみ表示に
  13. blosxomをアレコレ
  14. 2008年11月の子豚のしっぽ、アクセス・ベスト10
  15. 印刷用スタイルシートを追加

Tag cloud://///////Tap here/////////

ATH (7), blosxom (4), css (35), delight (26), facebook (51), firefox (15), google (5), html (11), instagram (10), maiking-delight (10), memo (12), netscape (7), NO TRUNKS (8), passage (4), reloaded (4), SEO (8), spam (15), TOKYOトラウトカントリー (10), twitter (9), war (11), WE LIVE HERE (11), windows (4), いろいろ (18), うどん (6), お知らせ (5), つぶやき (4), つるや釣具店 (10), やきとり (6), イベント (45), イリイチ (4), イワナ (8), ウエイン・ショーター (4), オーネット・コールマン (4), カゲロウ (5), カディス (9), カレー (10), カワゲラ (12), カンナ (4), キャス練 (29), ギター (7), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (6), ジャズ (42), ジョン・コルトレーン (4), スナップショット (5), スパゲッティ (7), ソウル (20), ソフトウェア (21), ソロー (5), タラノメ (10), チック・コリア (7), チャールス・ロイド (4), ツバメ (4), ニジマス (7), ハンドクラフト展 (14), バイク (9), バジル (8), バンブーロッド (14), パイプ (5), パスタ (4), パット・メセニー (7), ビル・エヴァンス (20), ピアノ (31), フライ (60), フライライン (6), メモ (38), メンテナンス (4), ヤマメ (19), ランディングネット (29), ラーメン (9), リールシート (12), ロッドメイキング (16), ヴィンス・ガラルディ (4), 人物 (43), 出来事 (12), 喫茶店 (4), 大雪 (5), 奥多摩 (68), 奥多摩川 (36), 小菅川 (83), 小菅川C&R (8), 小菅川冬季ニジマス釣場 (15), 山菜 (7), 岳人 (4), 新年 (16), 日原川 (4), 昆虫 (4), 映画 (4), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (33), (42), 田渕義雄 (6), 矢野シルクライン (7), (22), 藤沢周平 (4), 解禁イベント (4), (4), 読書 (15), 道志川 (6), 選挙 (7), (20), 野草 (4), 野鳥 (4), 雑感 (47), 雑誌 (7), 餃子 (4)


Piggy's Tail (sitemap.xml) - Miyazaki Rod Prime Time Bamboo Rod
© Design & Build by "Prime Time"