August 10, 2004
June 20, 2004
Stylesheet 更新
気分転換にいくつかあった問題を改善するために更新。
- 画像や URI 等の横幅が長いオブジェクトを置いた際に、#content ブロックが広がってしまう（IE のバグ）
- ソースコードを表示するための要素に CSS がない
- 引用（blcokquote）要素に CSS がない
対応したのはこれぐらい。以下そのための CSS。
.blogbody p{
width: 93%;
overflow: auto;
}
.blogbody pre{
overflow: auto;
background-color: #339977;
color: #fff;
width: 82%;
margin: 1em 1em 1em 3em;
padding: 0.5em;
font-family: monospace;
border-top: double 3px #339977;
border-bottom: double 3px #339977;
}
.blogbody blockquote{
border: 2px dotted #339966;
}とても好き嫌いが出そうな感じですね。わはは。
現段階での XHTML においてソースコードは pre 要素（整形済テキスト）でマークアップするのが妥当だと思うので、pre 要素の CSS を書きました。意味づけを行うために div 要素でクラス属性を付けたいというのもあるかもしれませんが、コンピュータが読むための XTHML としては pre 要素を利用するほうが理解は容易であるという点からこういう選択にしました。
#content 要素が広がってしまいデザインが崩れる問題ですが、いかんともしがたい IE のバグのせいなので、とりあえず無理やり何とかするソリューションなので後々何か問題が出るかもしれませんが、それは問題が出てから対応することにしました。
引用要素に関しては border 値を設定しただけなので正しい XHTML で書かないとおかしくなるかもしれません。基本的に blockquote 要素の直下の要素はブロック要素じゃないといけないはずなので、引用元がテキストであったとしても、自前で段落要素等を記述してあげる必要があります。この辺は MT の自動 p 要素挿入と中がよろしく無かったりで問題があるかも。全部自前でマークアップを記述すると要らぬ心配ですがとても面倒です。僕は全部自前で書いてます。
疑問・問題・クレーム・罵倒があったらぜひコメントするなり直接本人まで〜。対応しまっす。とりあえず以前書いた ToDo 一つ消化。
April 12, 2004
April 09, 2004
December 22, 2003
あ
井原君にトラックバックされているのに今気づいた。ごめん、ぺこり。
トラックバックは面白いが実に微妙だ。ちなみに XML 出力は人間にとってはあまり便利ではない、というのはどこが話の元だっけ、あれ、まあいいや。
で、僕はこういうことを言うのは無粋だと思ってしまうのだが、それで済ますのはよろしくないと思ったのでこの辺でこっそり書いておくことにすると、このサーバーの blog は各 blog のオーナーだけが責任を負っているものではない、ということだ。投稿される記事はもちろんコメントやトラックバックを含むすべてのものに対して。尾内研の中にあるものである。
何が良くて何がダメということなのだが、僕などは変に考えすぎてしまってボーダーを厳密に引くことはできないから、しっかりとかなり意識を持ってやってください。自分のサーバーとかと同一に考えないでほしい、というか僕は同一ではないと考えているということだ。残念だがなんでもありではもちろんない。
November 17, 2003
尾内研デザインのテンプレート利用法
まず index.html のテンプレートと CSS ファイルをダウンロード。
次に Template の編集を開き、「Main Index」の出力ファイル名を「index.html」から適当に別の名前に変える。そして、「新しい Index Template を作る」を選択し、先ほどダウンロードした「index.html のテンプレート」を開き、 Template の中身にコピー＆ペースト。これの出力ファイル名を「index.html」とする。名前は適当に。
CSS ファイルは同様にしてテンプレートとして作成するか、もしくは FTP で自分の blog ディレクトリにアップロードすればOK。
このページと同じように画像を貼り付けたい場合には、Template の編集で、id="topimage" となっている div 要素の前後にあるコメントアウトをはずせばうまい位置に画像を表示してくれる HTML となるので、後は適当に画像をアップロードし、img 要素の URL を先ほど画像をアップロードした先に変えればOK。デフォルトだと URL は blog/archives/images/topimage.jpg になってます。
あとは Rebuild すれば尾内研デザインになるはず。
カレンダーが無くなるとか、コメントするときや各アーカイヴのデザインは以前のままとかまだ未完成なので、そのうちヴァージョンアップでもして何とかします。
November 12, 2003
design の改造
CSS エヴァンジェリストとしては MovableType のデフォルトのデザインがとっても気に食わないので、これをなんとかしようと奮闘してみた。とりあえず尾内研デザインのテンプレートを作成すべく作業進行中、進行度は50％ぐらい。
テンプレートなので、実際の文章やカレンダーみたいなものは、MovableType が用意しているタグやら記号やらを使って書くわけだが、これが良くわからんのでマニュアルを読めってことなんだなぁ読む気がしない。
それと左下のリンクの部分がデフォルトは「Add your Links Here」となっていてかっこ悪いので、リンクを追加するなり何とかしたほうが良いと思いますよ。