2006/12/21(木)console/xterm/blink記法

テーマ独自に記法を拡張しました。これらは今後開発するテーマに実装します。

div.console

console風なdivボックスを生成します。

span.blink

テキストを点滅させます。(IE6では点滅しません)

div.xterm

xterm風なdivボックスを生成します。(IE6未対応)

実際に使ってみる

ソース

>>>console
YUKI.N>みえてる?
 >[class:blink:_]
<<<

>>>xterm
YUKI.N>これは(ry
Ready?
 >[class:blink:_]
<<<

で、こうなる

YUKI.N>みえてる?
>_

YUKI.N>これは緊急脱出プログラムである。起動させる場合はエンターキーを、そうでない場合はそれ以外のキーを選択せよ。起動させた場合、あなたは時空修正の機会を得る。ただし成功は保障できない。また帰還の保障もできない。
YUKI.N>このプログラムが起動するのは一度きりである。実行ののち、消去される。非実行が選択された場合は起動せずに消去される。Ready?
>_

2006/12/10(日)[CSS] W3C規定とIE6の内容部分の計算の違い

W3Cで規定されている内容部分の計算

下記の色つき部分がwidthで計算されます。

margin

border

padding

contents

contents部分の幅はwidthで指定した値となります。

contents部分の幅 = widthの値

heightも同様です。

IE6の内容部分の計算

下記の色つき部分がwidthで計算されます。

margin

border
padding
contents

よって、IE6の場合はcontents部分の幅は

contents部分の幅 = widthの値 - paddingの値 - borderの値

となります。heightも同様です。

paddingがwidthに含まれることは知っていましたがborderまで含まれるとは思いませんでした。

2006/12/06(水)テーマを変更しました

作成中のテーマがとりあえず閲覧には困らない程度には出来上がったので変更しました。
Firefox/Operaでの閲覧を激しく推奨、IEでの閲覧を激しく非推奨((いや、もちろんIEでもそれなりに表示できるようには作りましたが、かなりの部分で処理が簡略化されています。
何よりもお姉さまになれません(爆)))。

システムモードとかカレンダーの部分はやっつけで調整に時間がかかりそう。このあたりがちゃんとできれば公開するつもりです。