このテンプレートの、古くからあってなかなか解決できないでいた問題で
エディタで「小さい文字」を指定しても小さくならない!
というものがありました。
何人かの方から指摘され、直そうと色々試行錯誤しても原因が分からず、半ばあきらめていました。
これはもう作り直すしかない、と思っていたのですが・・・
割と簡単に直せそうなことに気が付きました。
直す手順は以下のとおり
- HTMLの「<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">」(1行目)を「<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">」に変更。
- スタイルシートの「 #ENTRY .main{ 」(175行目あたり)の下の行の「 width:77%; 」を「 width:80%; 」に変更。
その3行下の「 _width:80%; 」を「 _width:76%; 」に変更。
- スタイルシートの「 }#MENU div div{ 」(299行目あたり)の下の行に「 margin:0; 」を追加。
- HTMLの「 <div class="main" style="width:93%;border:#cceeff solid 1px;background:#ffffff;filter: alpha(opacity=80);"> 」にマッチする行(40〜60行のあたり)が二箇所あるのですが、それをどちらも「 <div class="main" style="width:93%;_width:89%;border:#cceeff solid 1px;background:#ffffff;filter: alpha(opacity=80);"> 」に変更。
重要なのは一番初めの項目。
ここを直すと「小さい文字」もちゃんと小さくする事が出来ます。(たったこれだけの事だったのに、全然気が付きませんでした・・・)
それ以降は、一番目を直した事で崩れてしまう所を調整しているだけ。
更新していますので、今日(5/9)以降にこのテンプレをダウンロードした方は、↑のことは気にしなくても大丈夫です。
何気にうちのテンプレートの中で、ダウンロード数がダントツ1位のこれ。
自分自身、気に入っているデザインなので、もう少し大事にしないといけないな、と思い始めています^_^;
そのうち「左メニュー版」「3カラム版」等も作ろうかと思っています。
今後もよろしく
