chabezoのブログ一覧

アクセスカウンターを左上に配置した方法の問い合わせがあったので、ここに記します。

アクセスカウンターのURLの取得は先日のブログを見て下さい。

スタイルシートの編集を開け、"body"と書かれた箇所を探します。
ここに下記文字を貼り付けて下さい。

background-image: url('*****');
background-position: left 70px;
background-repeat: no-repeat;

※"background-position"コマンドで位置を指定します。
　　ここでは画面左上から70pxのところに配置するというようにしています。
　　この位置より下げたければこの数値を大きくして下さい。
　　また、画面右上に配置したければ"left"を"right"に変えてください。



"FlagCounter.com"のページで取得し、テキストドキュメント等に貼り付けておいたものから青く反転させた箇所を*****のところに貼り付けます。



このようになればOKのはずです。

適当に構文作っていたらFirefoxでもちゃんと表示されるようになったようです。
ただし、位置は右上ではなく左上に配置しました。
IEでは問題ないのですが、Firefoxではヘッダー画像の右と下に余分な領域（グレーの帯）が出来てしまい、その右側にカウンターを配置すると窮屈になってしまうためです。
Firefoxに合わせてこの余分な領域を取り除くことは可能なのですが、それをすると今度はIEの方でヘッダー画像が右と下がトリミングされたようになってしまいます。
どうにかならないでしょうか？　←解決しました。

そもそも何故右上とか左上に配置したかったかと申しますと、このアクセスカウンターはアクセスがある度に国旗が増えどんどん下に伸びてしまうためです。
ここでしたら幾ら伸びてもブログやレビューの本文の方に影響を与えないかなと考えたのです。

昨日コメント下さった方々、大変お騒がせしました。
これからしばらくFirefoxを使ってみようと思います。

先日、Firefoxというブラウザを使用されている方から、ヘッダー画像が見えないということと、アクセスカウンターが１行目しか表示されていないということを指摘され、ブラウザにより表示が変わるということを知りました。

ものは試しにとFirefoxをインストールし確認してみました。

ヘッダー画像が見えないことについては、画像を指定する文章の途中に何故か改行が入っているという私のタイプミスだったのですが、"Internet Explorer（以下IE）"では問題なく、FirefoxではNGだったようです。

アクセスカウンターの表示がおかしいことについては、カウンター自体の位置を少し上に移動することにより、２行目、３行目も表示するようにはなりましたが、これについても？な感じです。

これで一応Firefoxでも問題なく見ることが出来るようになりましたが、背景を透過に設定できないアクセスカウンターがしっくり来ないため、画面右上に表示させようと更にいじくってみました。
すると、またまた表示がおかしくなってしまいました。

＜IEでの表示＞
IEで見られている方には↓のように表示されていると思います。


＜Firefoxでの表示＞
ところが、Firefoxで表示してみると↓のようになってしまいます。
アクセスカウンターの位置が左上になりしかも上側が見えず、更に、「1.8S"AEROTOURER"」というタイトルの位置も変わってしまいます。


FirefoxでもIEと同じように表示させたいのですが、私には少々難しくどうすればいいのか分かりません。
どなたかご教授下さいませんか？


＜追記＞
私は訳も分からず2008年12月6日から“アクセス解析”なるものを入れていましたが、本日15時時点でのブラウザ別アクセス数を見てみました。
すると、アクセス数及びその率は↓のようになりました。

ブラウザ	アクセス数	率
IE	6,822	93.8%
Firefox	346	4.8%
Safari	38	0.5%
携帯	33	0.5%
Opera	15	0.2%
Chrome	9	0.1%
その他	11	0.2%
計	7,274

全体の約94%がIE系が占めており、Firefoxは全体の約5%でIEに続くかたちとなっています。
IEの94%には私自身がアクセスした回数もカウントされていますので、本当はもっと少なくなり他のOSの占める割合が増えてくると思います。
ブラウザはIEで十分と思っていましたが、Firefoxが結構使われているのには驚きました。


＜更に追記＞
タイトルの位置については、Firefoxでもヘッダー画像左下に配置することが出来ました。

ただアクセスカウンターについては、まだまだ勉強が必要のようです。
とりあえずタブ下に避難させました。


“AG（アンティグア・バーブーダ）”という国の方からアクセスがあったようです。

この方にご教授していただき、ヘッダー画像内にアクセスカウンターを入れることが出来ました。
ありがとうございました。


現時点で、"JP"669名、"US"4名、"MO"1名の方々にアクセスしていただいているようです。
"JP"は日本、"US"はアメリカ合衆国というのは文字でも国旗でも容易に分かりますが、"MO"という国がすぐには分かりませんでした。
モロッコ？モルジブ？なんて考えましたが、調べてみるとマカオ"Macau"でした。
何故このスペルが"MO"になるかは不明です。

このアクセスカウンターがどのような集計をして国を判別しているのかは不明ですが、日本以外の方からのアクセスがあるというのは不思議でもあり嬉しくもあります。

ここ数日、スタイルシートの編集をチマチマやっております。

・アクセスカウンター設置
・"NINJA TOOL"のアクセス解析の設置
・ブログやコメント等の文字のフォントサイズ変更
・“ブログ”，“愛車紹介”等のタブの背景色変更、及び囲い線追加
・QRコードの削除（※1）
・新しく追加された最上段ヘッダーの着色、及び文字色変更

等々、“みんカラ”内を徘徊していろんな方のブログ等を参考にしてやってみました。
“足あと”をたくさん残してすみません。

しかし、一つどうしても出来ないことがあります。
ヘッダーの画像の中にアクセスカウンターを入れたいのですが、なかなか上手くいきません。
ただ、そんなにアクセスがあるわけでもなく、しょぼい数値をお見せするのは心苦しいので、とりあえずフッダー部に移動しています。（※2）


＜2008年12月11日追記＞
（※1）QRコードの削除をするとカレンダーの年月が消えてしまうことに気付いたため、とりあえず断念。
（※2）アクセスカウンターをヘッダー画像内に入れる方法をこの方に教えていただきました。