2004-04-01
2004-03-14
2004-03-03
Cafe BBS
日付が変わって真夜中の「子豚のしっぽ」です。近所の梅が満開です。その１本の梅の木は紅色と白い花の枝が同じ幹から伸びています。なぜかな？としばしの花見をしました。まだちょっと寒かったです。
Cafe BBSのメール入力欄を取り除きました。ここのところ、スパム宣伝メールが子豚宛に届くようになりました。どうやらメールアドレス収集をされているようで、掲示板に折角書き込んでいただいた方のメールアドレスをこのように利用されないために色々と考えてみましたが、今のところはこの方法が最良かなというのが結論です。
2004-03-01
HTMLをシンプルにした
久しぶりの更新「子豚のしっぽ」です。夕の買い物に行きますと、桃の花が売られていました。三寒四温のことば通りに季節が移り変わりっているようです。
トップ・ページを新しくしていくつかのページを追加しました。３ペイン的なレイアウトに変更し、各ページ左上に「ナビ・ボックス（右イメージ）」の記述なども大幅にシンプルにしてみました。
新しいソース
<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="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でしっかりとレイアウトが崩れていました。さらにスタイルシートの中で<!-- -->を使っているのを気付かず、あーでもないこーでもない。アホや…
2003-10-29
各ページをブラッシュアップ中
各メインページ（背景がドット模様のページ）をブラッシュアップしました。過剰なHTML記述をシンプルにしてXHTML化に向けて準備中といったところです。
NN4.x向けに＜h3＞＜h4＞＜hr＞タグを使って少しだけ見やすさが増したかなと思います。
また、子豚ページのようにリンクを表す下線を全面的に点線にしてみました。スクリーンショットはMozillaとMozillaFirebird、Netscape 7.xでの作動状況です。
トップページついては現在＜table＞でレイアウトしていますが、NN4.x対策も含めて新ページを検討中といったところです。
