« トラックバックについて調べてみた | メイン | 映画「２５時」 »
2004年07月01日
ｃｓｓ ファイルの切り替え
随分前だが、3月11日の記事 に、「伊豆の登り子: 記事タイトルの装飾 」さんからコメントとトラックバックを頂いていた。
ありがとうございました。m(_ _)m
しかも、その内容が、私の記事を参考にしていただけたとの事で、とても光栄だと思う。
ただ、これに関して、私の方は、追加記事をまだ書いていなかったが、実は少しだけ進歩（？）しているので、折角だから記事に残しておこう。
まず、当時、mac の Netscape で文字が見えなくなるという問題点があった。
その後、この mac の「クラシック環境」に於いては、IE でもこの問題がある事が判明した。
それで、回避策として、現在この「無責任 Memo」では、JavaScript で、css を切り替える方法に変更してある。
これによって、上記の問題がある環境では、「影付き文字」を適応しないかわりに、文字が見えなくなるという事も無いようにしてある。
「無責任 Memo」で読み込まれる css ファイルは、
１．ココログオリジナル
http://savabigi.air-nifty.com/beginner/styles.css
２．自分がカスタマイズしたファイル（影付き文字じゃないもの）
http://savabigi.air-nifty.com/beginner/styles-six-s.css
３．Windows 環境の時だけ影付き文字を実現させるファイル
http://savabigi.air-nifty.com/beginner/styles-win-s.css
の３種類。
そして、JavaScript は、
<script type="text/javascript">
<!--
if (navigator.platform == "Win32") {
document.write("<link rel=\"stylesheet\" href=\"http://savabigi.air-nifty.com/beginner/styles-win-s.css\" type=\"text/css\" />");
} else {
document.write("");
}
// -->
</script>と、最も簡単な部類の記述にとどめてある。
この状態で、IE4 〜 IE6 までと、mac で、エラー無く動作する事を確認している。（実際に「影付き」が実現されるのはWindows の IE5系 と IE6系 のみ。）
そして、記述場所は、上記２の css ファイルを読み込ませる部分の直後にした方が良いと思われる。（ここでは、左サイドバーのカウンターの下辺りにしてあるので、ソースを読まれる方はご参考まで。）
注１．）
本来、css ファイルを読み込ませる記述は、<head> 〜 </head> 間に書くべきであるが、ココログベーシックでは、その部分が変更できない為、やむを得ずサイドバー部分に記述してある。
注２．）
上記引用欄内4行目の、http://savabigi.air-nifty.com/beginner/styles-win-s.css の部分は、当然それぞれの方の環境に応じて、css ファイルへのフルパスを指定してください。
注３．）
さらに、5行目と6行目（つまり else の行と、そのすぐ下の行）は無くてもよいと思う。一応、将来的に判別条件を追加する際に使用できるように冗長性を持たせて、そのまま置いてあるだけなので。
尚、ネットで検索すれば、さらに mac のサファリ用に別ファイルを用意するといった手法も可能だと思われるが、現在私の手元には サファリが動く環境も無いし、どんどん重くなるだけなので、そこまでは対応していない。
◆追記（2004/07/03 03:52）◆
念のため、注意書き部分を追記しました。
投稿者 savabigi : 2004年07月01日 04:22 | [ ウェブログ・ココログ関連 ]
トラックバック
このエントリーのトラックバックURL:
http://savabigi.x0.com/mt3/mt-tb.cgi/117
このリストは、次のエントリーを参照しています: ｃｓｓ ファイルの切り替え:
» スタイルシートで背景透過 from 無責任 Memo
ｃｓｓのお話 に、さらにもう少し追記です。 実は、「伊豆の登り子 」さんの記事で [続きを読む]
トラックバック時刻: 2004年07月04日 02:51
コメント
トラックバックとコメントありがとうございます。また、記事の中にリンクを張っていただき恐縮です。
ＣＳＳはなかなか敷居が高くて勉強中です。
投稿者 つ一とん : 2004年07月03日 17:16
つーとん さん、こんばんは。
コメント、どうもありがとうございます。
> ＣＳＳはなかなか敷居が高くて勉強中です。
そうですね。私も試行錯誤の日々です。
http://savabigi.air-nifty.com/beginner/2004/07/post_1.html
に、あと少しだけ追加の記事を書いてみましたので、また、お時間がありましたら、そちらも読んでやってくださいませ。
m(_ _)m
投稿者 ココの管理人 : 2004年07月04日 02:57