ノレン日記

CSSの中でJavaScriptを使えるようにするものが
expression()です
IE5以上での　独自拡張です
JavaScriptはHTML内の文字をターゲットにしてターゲットの前後に縮小または拡大したHTML文章を注入するものです

エクラの日記の基本形です　CSSの編集画面に貼り付けてみてくださいね

#site_title {
zoom: expression(this.style.zoom || (
this.innerHTML =
"<span class='bef'>ここにターゲットの前に入るHTML文章が入ります" +
"</span>" +
this.innerHTML +
"<span class='aft'>ここにターゲットの後ろに入るHTML文章が入ります</span>", 1));white-space:normal;}

上のは日記ですが
足跡に使用する時は
#site_title　の部分を　#messages caption　に変えます
同じように　プロフィールや友達リストでは　#back_link　に変えます
また最後の行の　１　は　縮小も拡大もしないという意味です
0.5　や 2　にすると縮小または拡大表示されます
触らないほうが懸命ですよ

以下は私のところで使用してるものです
参考にしてくださいね

日記の場合　以下がそうです

#site_title {
zoom: expression(this.style.zoom || (
this.innerHTML =
"<span class='bef'><span style='position:absolute; top:0px; left:70px;'><OBJECT id=MediaPlayer classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=70 height=30><PARAM NAME='Src'VALUE='http://norenj.hp.infoseek.co.jp/BGM/fuyu2.mid'><PARAM NAME='AutoStart' VALUE='true'><PARAM NAME='Loop' VALUE='true'></OBJECT></span><BR>" +
"</span><!--" +
this.innerHTML +
"--><span class='aft'></span>", 1));white-space:normal;}

上のがそうです　<OBJECT id>から</OBJECT>は音楽を鳴らすタグです
ターゲットは日記のタイトルです
音楽を鳴らす画面はポジション指定してあります　

次にプロフィールと友達リストは以下の通りです
最初にプロフィールです

#back_link {
zoom: expression(this.style.zoom || (
this.innerHTML =
"<span class='bef'><span style='position:absolute; top:12px; left:170px;'><font size=7><B><font face='HGP創英角ﾎﾟｯﾌﾟ体'><font color=#ff0000>プ</font><font color=#ffff00>ロ</font><font color=#00ff00>フ</font><font color=#00ffff>ィ</font><font color=#0000ff>ー</font><font color=#ff00ff>ル</font></font></font></B></span>" +
"</span>" +
this.innerHTML +
"<span class='aft'></span>", 1));white-space:normal;}

上がそうです　次に友達リストは以下の通りです

#back_link {
zoom: expression(this.style.zoom || (
this.innerHTML =
"<span class='bef'><span style='position:absolute; top:7px; left:180px;'><font size=6><font face='HGP創英角ﾎﾟｯﾌﾟ体'><font color=#ff0000>お</font><font color=#ffff00>友</font><font color=#00ff00>達</font><font color=#00ffff>で</font><font color=#ff00ff>す</font></font></font></span><span style='position:absolute; top:27px; left:30px;'><BR><marquee behavior='alternate'width='448px'><font size=4><font face='HGP創英角ﾎﾟｯﾌﾟ体'><font color=#ff0000>お</font><font color=#ff4000>友</font><font color=#ff8000>達</font><font color=#ffbf00>の</font><font color=#ffff00>所</font><font color=#bfff00>に</font><font color=#80ff00>も</font><font color=#40ff00>遊</font><font color=#00ff00>び</font><font color=#00ff55>に</font><font color=#00ffaa>行</font><font color=#00ffff>っ</font><font color=#00aaff>て</font><font color=#0055ff>く</font><font color=#0000ff>だ</font><font color=#5500ff>さ</font><font color=#aa00ff>い</font><font color=#ff00ff>ね</font></font></font></marquee></span>" +
"</span>" +
this.innerHTML +
"<span class='aft'></span>", 1));white-space:normal;}

上のがそうです　ターゲットは「メインページへ戻る」です
スタイルシートでポジション指定して文字が友達リストの上に来るようにしています
文字は虹色テキストメーカーで作りました

最後に足跡です　以下がそうです

#messages caption {
zoom: expression(this.style.zoom || (
this.innerHTML =
"<span class='bef'><span style='position:absolute; top:0px; left:50px;'><OBJECT id=MediaPlayer classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=70 height=30><PARAM NAME='Src'VALUE='http://norenj.hp.infoseek.co.jp/BGM/hinamaturi.mid'><PARAM NAME='AutoStart' VALUE='true'><PARAM NAME='Loop' VALUE='true'></OBJECT></span><marquee behavior='alternate'width='50%'>また遊びに来てくださいね</marquee><BR><BR><!-- " +
"</span>" +
this.innerHTML +
"<span class='aft'>--> 足跡ありがとうございま～す（*＾-＾*）</span>", 1));white-space:normal;}


上がそうですが　ターゲットとなっている文章は<!-- -->
で消してあります
文字色は他のスタイルシートで記してあるのでそれに従ってます
また私のところではカウンターは別のスタイルシートで消してあります
ここで言うターゲットは「最近３０人の足跡」という文章です

以上ですが　私のところでは掲示板など使ってないので
ここには記しません
注意点としてHTMLタグやスタイルシートを使うときは　" はNGです
' に変えてくださいね
またスタイルシートはそれだけで完結なものを使用してくださいね
外部から読み込むスタイルシートではないのでね
参考にしたサイトは

http://useyan.x0.com/s/html/expression/

です　注意点も下の方に書いてあるサイトですので参考にしてくださいね
音楽を鳴らすタグを使用してますが
使い方の例えですので　報告など必要ありませんので
カスタマイズしてご自由にお使いください