FC2Blogのテンプレートの編集をしていてスタイルシートなどほとんど知らなかった私がいろいろなことを覚えました。いえいえまだまだほんの入り口から中を覗き見たといった程度などなのですが、とても面白いことだと思いました。
近頃、やっとそうなんどと納得したことは、FC2Blogのテンプレートにおいて、いろいろなナンバーについているIDがあるということです。
それを書いておくとその場所にリンクすることが出来るのですね。
例えば、頂いたコメントにはそれぞれ番号が付いていて「%comment_no」と書いてあるところへリンクすることが解かりました。
これをつけてないと、その記事のコメントが始まる頭に行っていたんです。
改めて、テンプレート中で使えるブロック変数に対して感心しました。
まだまだいろいろと楽しそうなことがありそうですね。

Blogをカスタマイズする時、さまざまなブラウザによるウェブサイトの見え方の違いということが気になります。
そもそもパソコンに初めに装備されているのはインターネットエクスプローラ（IE）が一般的だということです。
つまり何もしなければIEなのです。
私はIEでいろいろとカスタマイズしてきましたので、すればするほど他のプラウザの方から指摘を受けてきました。

【Read More】

世間でのプラウザの割合がどのくらいかというと

Internet Explorer・・90.9％
MozillaFirefox・・・・・・・5.1％
Netscape・・・・・・・1.7％
Opera・・・・・・・・0.7％
その他・・・・・・・・1.6％
という感じらしいです。
今ではもう少しFirefoxが増えているようです。

家の主人もIE以外があるとは想ったこともないし、インターネットカフェの社員もまったく知りませんでした。
私も90％の方が見れていればいいやと思っていたのですが、

半年くらい前にネットで知り合った方から「Firefoxにすると幸せになれるよ」といわれて、Firefoxを入れてみました。

パソコンに初めはIEが入っているんですよね。それをわざわざ取り替えるのにはよっぽど良くないとしないことですよね。
しかもパソコンをいじりなれた上級者がすることでしょう。
そしてその数少ない上級者が物申すわけです。
IEは最悪だと・・・IEの良い点は初めからパソコンに入っているのでインストールする必要がない点だけだそうです。

今までIEでこんなことも出来るあんなことも出来ると楽しく作ってきたHPはやればやるほど崩れまくって見る影もなくなってしまいます。
リンク先へクリックすることことさえも出来なくなっています。
Firefoxでも見えるようにカスタマイズするのですが、まだまだ初心者の私にはなぜFirefoxがそんなに良いのかがまったく解りません。
ああなるほどここはFirefoxの方がいいと思うことは今のところ一個もないのです。
やり方がわかっていないのかもしれないのですが、例えば

・画像や文字に影を無視
・画像を半透明にしない
・tableやID,Class属性に高さも指定しないと表示されない
・スクロールバーの色を変えない
・折りたたみメニューが開いたまま
・マウスポインタを画像などに変更できない
・文字にルビを付けられない

などなど
私にとってはただただ迷惑な存在のFirefox。
インラインフレームなど使ってのレイアウトでもスクロールバーを非表示にすることも出来ず、見苦しい限りです。
またインラインフレームに代わるオブジェクトに於いても、borderやスクロールバーを隠すことが出来ません。

なぜ、なぜそんなFirefoxが最も良いと言われるのか？
あまりにも良い点が多くて説明できないと言っている人もいるんですが
きっときっと本当にいいことがあるんでしょうね。
初心者の私、このFirefoxの入り口に立って中に踏み入っていくことになるんでしょうか？その魔力に魅了されることとなるか否か、いまは謎です。
初めはこう思っていたんだと忘れないように記事にしておきたいと思います。
【Hide More】

テンプレートに「プラグインの設定 」が追加されてから、一つだけ、どうしようと気にかけていたことは、折角のコメント、トラバのツリー化です。
一生懸命有効、無効に対応しようとしていたのもこの事があったからこそでした。
でも、乏しい知識を振り絞って、思い当たりました。
以前、ivedoorーBlogのプラグインに「Script」を書き込むと書いていらしたscripts for livedoorさんの記事を思い出してやって見ました。

(ノ*~０~)ノ オオオオォォォ、素晴らしい。
出来ました。出来ました。
scripts for livedoorさんありがとうございます。ヾ(＠~▽~＠)ノ
【Read More】

これ以上は蛇足ですが、ヾ(´▽｀*)ゝ プラグインの設定 →プラグインの追加から「フリーエリア」を追加しました。設定の変更の フリーエリア内容の中に <div id="commentlist"> <ul> <!--rcomment--> <li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day>)</a></li> <!--/rcomment--> </div>< と書きました。 script自体はlivedoorさんとは異なり、HTMLの「/BODY」タグの直前に置きました。

もし参考になったという方がいらしたらトラバしていただければ嬉しいです♪

【Hide More】

長い間、憧れていた「画像に影をつける」方法、 花と写真とblogと。さんが紹介されていたので参考にしてやって見ました。 ヾ(＠~▽~＠)ノわぁい いいんじゃない？ いつも同じ大きさの写真と決まっていれば、もう少しいい感じに成ると思うのですが、気まぐれな画像サイズの私にはコレで充分です。 花と写真とblogと。さん、ありがとうございました。 【Read More】

この方法は背景が白限定です。 先ず背景に使う画像をUPします。 参考画像はこちら 次に%topentry_bodyとtopentry_moreを囲っているdiv　classのスタイルシートを次のように上書きします。 私の場合は[entry_text]ですのでentry_text imgの部分です。

background-color: #666; padding-top: 7px; padding-left: 6px; padding-right: 21px; padding-bottom: 22px; border-top: 1px solid #EEEEE0; border-right: 0px solid #808080; 　　 border-left: 1px solid #EEEEE0; border-bottom: 0px solid #808080; margin-top: -2px; margin-left: -20px; margin-right: 21px; margin-bottom: 22px; background: url(影に使う画像のURL) bottom right; float: center;

【Hide More】

とても苦労したんですが、。。。そう。一ヶ月、二ヶ月くらいです。
でも結局出来ない。
画像の枠をポラロイド風にしたいのですが。

どうも、プラウザがIEってことが駄目の原因と解りました。
エントリーの画像だけにスタイルシートで指定してもpaddingが反映されないのです。
BBSのスキンのように「IMG」が独立していればいいのですが、
テキストと一緒のなので、囲むと記事全部が囲われてしまう。。。

投稿時にスタイルを指定すると出来るのですが
テンプレートを替えた場合、ちょっと困ったりする。

そこで考えました。
っていううか「カスタマイズ・マニュアル」にそれらしいことは有るのですが、
前は出来なかったのです。

CSSの
entry_text img
を
適宜の名前にして。
それで投稿時に囲うのです。
すると、出来ました。ヾ(＠~▽~＠)ノわぁい
しかも、テンプレートを替えた場合は反映されません。
一応コレで対応します。
夏にはIEも新しくなるということで期待しています。
疲れました。