解決済
忍者ツールのカウンタを使用していますが…
ブログで忍者ツールのカウンタを使用しています。今日ブログデザインを「バタフライ」に変えました。
そしたらカウンタにカーソルを当てると表示されていたグラフの数字が見えなくなってしまいました。
ＣＳＳのどこを変えれば文字が表示されるようになりますか？
教えて下さいo(_ _*)o
回答(2)
3.
この質問に何時間も費やしてくださって、有難うございました！！
1.
忍者ツールズのカウンターは種類が豊富らしいので、忍者ツールズのほうでサイトのデザインにあう、それでいて横幅が大きすぎないデザインのものに設定を変えられてきた方が話が早いですよ。
（大きすぎるとサイドバーが落ちたりします。）
まずはそちらを試されてみてはいかがでしょうか。
問題が解決しない場合、やっぱりCSSを変えたい場合は、この質問のコメント欄にコメントをされて下さい。
詳しい方からより良い回答が寄せられると思います。
コメント(40)
zeroさん、回答有難うございますo(_ _*)o
zeroさんの回答では、問題が解決しなさそうです(^_^;)
カウンタの数字は見えるのですが、グラフの上に表示されなければならない数字が表示されなくなったのです。
これはどのカウンタを選択しても一緒のようです。
とりあえず、一旦現在のカウンターのソースを削除してプラグインを再構築されてみられてください。
その後、新たに忍者ツールズでソースを作り直して貼りなおして全ページ再構築されてみて下さい。
おっしゃっている部分は、CSSの設定ではいじれないような気もします。
そうこうしているうちに他の方から意見が寄せられると思います（＾＾；
>> 桜沢風鈴 さん
では経緯を話していきますね。
まず、あなたの忍者カウンターのタグが貼り付けてある、左サイドカラムの一番上のフリーエリアの中をそっくりそのままコピーして、私の検証用のブログに貼り付けてみました。タグを見ただけでエラーが出そうだったんですが、問題なく私のブログでは表示されました。（ カウンターの数字が出たという事です ） という事は初め怪しいと思っていた、マリオのマーキータグや、忍者カウンターに入ってしまっている <br> （ 改行 ） タグは表示されない事に関係がない事になります。（ これが原因だったら話は早かったんですけどね^^; ）
>> 続き
桜沢風鈴さんはフリーエリアにタグを貼り付けるさいに、改行設定を 『 改行を<br/>タグに変換 』 にチェック入れて保存していますよね。これは今後、テキスト文章を入れる時以外は絶対にチェック入れないで下さい。スクリプトや HTML のタグを入れる際は必ず、右側の 『 変換しない 』 にチェックを入れて保存するように習慣付けてください。改行したい所だけにご自身で <br> タグを書き込み、改行させるようにして下さい。忍者カウンターの管理画面から作成されたカウンターのタグには <br> は入っていないはずです。一応表示に問題が無かったとしても、あとで貼り付け直してくださいね。
>> 続き
次に 桜沢風鈴さんの CSS をすべて私のブログに貼り付けて見ました。そうすると確かにカウンターの数字は表示されませんでした。昨日、忍者カウンターのサーバーメンテナンスがおこなわれたので、それが原因かと疑っていたのですが、これで犯人は CSS だと言う事がわかりました。
またここで、念のため別の最新のテンプレートに変えてみました。そうするとやっぱり表示されません。そして次に少し古いテンプレートに変えてみました。そうすると表示されます。(･･;) これで全容がだいたい見えてきました。
>> 続き
あとは CSS の一部を削除して保存。また一部を削除して保存 ・・・ を繰り返します。結局一番最上部に記述されているものが原因だったのですから、ビックリしました。(ﾟДﾟ )ﾊｧ?
そして、上記 >>2 の回答となったわけです。他の表示されないテンプレートも検証して、この回答に間違いが無い事を確信しています。
最後に 桜沢風鈴さんの CSS の他のおかしいところを直していきましょう。
CSS の中の最後の方に記述されている部分なんですが、CSS にHTML タグを記述してはいけません。
<STYLE TYPE="text/css">
<!--BODY {
scrollbar-base-color : #808080;
・
・（ 間に色々書いてあって ・・・ ）
・
A { text-decoration:none;}
-->
</STYLE>
</HEAD>
↑これを削除して下さい。そしてまず CSS の上のほう、body{ } の中をこうします。
body{
color:#ffffff;
margin:0px;
padding:0px;
font-family: verdana ,arial ,sans-serif;
text-align:center;
background:#ffffff;
scrollbar-base-color : #808080;
scrollbar-face-color : #000000;
scrollbar-track-color: #696969;
scrollbar-arrow-color : #808080;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #808080;
}
次に、body の下に記述してある、a タグの指示の最後、
a:hover{text-decoration:none;}
を、こうします。
a:hover{text-decoration:none; position :relative; top:2px; left:3px;}
そして問題は最後のこれなんですが、→（ A { text-decoration:none;} ） CSS の一番上で a タグに対して、text-decoration:underline; と指示しているのに、最後のこのタグで、text-decoration:none; と指示しています。どっちなん？ って事になります。どちらかに決めて記述して下さい。
説明はこれで終わりです。読むのが嫌になるぐらい長文ですが、しっかりと読んでくださいね。(^^)
お疲れさまでした。AQさん。
うは。これは私にはわかりませんわ。
@charset "EUC-JP"; ←これが原因って事もあるんですね。
最近の新デザイン、CSSとかHTMLのミスが多いです。
デザインのほうから疑ってかからんといけませんね。
勉強になりました。
桜沢風鈴さん。
的外れの回答で混乱させてしまい申し訳ありませんでしたｍ（＿ ＿）ｍ。
>>#10
zero さん、この質問結構増えるかも知れませんよ。(･･;)
最新のテンプレートのコラボレーションや、T-SELECT の中には結構この @charset "EUC-JP"; の記述が多いみたいです。今回は忍者カウンターに干渉していましたけど、もしかしたら別の不具合もこれに関係しているものがあったかもしれません。
今までは、『 違うテンプレートを選択して再構築して下さい 』 で終わってましたけど、これが犯人だった質問があったんじゃ？？ って今思っています。
平素より、livedoorをご利用いただきましてありがとうございます。
下記の内容でお問い合わせを承りました。
－－－－－－－－－－
サービス名：ブログ
カテゴリ：ブログの設定について
件名：デザインミスでしょうか。
お問い合わせの内容：
バタフライデザインで、下記のような不具合？がありました。
対応していただけると幸いです。
CSSに同様の記述がある他デザインもご確認いただけませんでしょうか。
http://knowledge.livedoor.com/6848
－－－－－－－－－－
なお、回答にお時間をいただく場合がございます。また、お問い
合わせの内容が回答に不十分な場合、あるいは、内容により
回答できかねる場合があります。何卒ご了承ください。
AQさん。以上、問い合わせさせて頂きました。
>> zero さん
@charset "EUC-JP"; のセミコロンを削除するというのは、今回の質問に対しての回答とすればあっています。あれからさらに色々試して見ました。ただ ・・・
『 最新のテンプレートのコラボレーションや、T-SELECT の中には結構この @charset "EUC-JP"; の記述が多いみたいです。』 この文章は間違っているみたいです。すべての CSS に @charset "EUC-JP"; のセミコロンは当然入っていました。^^;
問題は、そのままでも問題なく表示されるテンプレートと、セミコロンを削除すると問題が解決するテンプレートがあるということです。他のテンプレートの CSS とこの該当するテンプレートの CSS との違いがいまだにわかりません。(･･;)
zeroさん＞
回答＆長文のコメント有難うございました！！
コメントの方も、読ませていただきましたo(_ _*)o
それで早速「；」を消して再構築したところ、カウンタの数字は表示されるようになったのですが、今度は本文の文字色が黒くなって見にくくなってしまいました(^_^;)
これは解決できるのでしょうか？
あとスクロールバーの色も変わりません。
そしてアクセス解析を使用しているせいなのか、他の方の同じデザインと比べると上が白く開いています。
これはなぜなのでしょう？
以上「；」を消してから変わったことをお伝えしました。
もし解決できそうでしたら、回答をお願いしますo(_ _*)o
すいません(^_^;)
＃１５は『ＡＱさんへ』でした。
申し訳ありません。
（今度こそ）zeroさん＞
いいえ。
回答してくださっただけでも感謝しています。
これからも頑張って下さい！！
>>#15 桜沢風鈴 さん
そういう問題が出てきましたか (>_<)
この件はもう一度、見直してみます。
もう少しだけ我慢してください。
同じテンプレートにして、条件を合わせ、再度
検証してみます。
ＡＱさん＞
お手数をおかけします。
よろしくお願いしますo(_ _*)o
すみません。
盛り上がっているところ。
あの、もうすでに対応しました、という返事が来ています（＾＾；
でもセミコロンが消えてなかったので、まだ変更されてないのかな？と思って、返事が来たことは書きませんでした。
桜沢風鈴さん。
とりあえず今、もう一度デザインを選択しなおして、全ページ再構築されてください。ひょっとしたら直るかも。
やっぱりカウンタの数字が表示されません(^_^;)
・・・そうですか。
どこを対応していただけたんでしょうねえ・・・。
AQさんに期待。
解決しそうですか？(^_^;)
有難うございますo(_ _*)o
カウンターはどうすれば？
>> 桜沢風鈴 さん
まず今回の質問の解決策をお話する前に、あの忍者カウンターを貼り付けているフリーエリアの中の問題を、お知らせしておきます。
現在、フリーエリアに貼り付けている一番上のタグ <a href="http://windbell.michikusa.jp/3/20b.html">;Ｇｏ！</a><br> の前に <body> タグが貼り付けられています。コピーするさいのミスだと思いますが、あれを削除して下さい。<body> タグが2つ存在する事になり、今後何かしらの問題が必ず発生します。
次に 桜沢風鈴 さんが良いというなら何も言いませんが、マリオが動いている MARQUEE のタグですが、あのタグのせいでWindows Firefox、Netscape は表示が崩れており、まともな表示がされておりません。Mac では検証していませんが、おそらく同じような状態か、もっと酷い状態で表示されているはずです。忍者のカウンターの数字が見れない事なんか、まだ可愛いもんでした。
あのタグを外せば問題は解決します。IE 以外は気にしないというのならそのままでも良いのですが ・・・。一応、Firefox、Netcape においての、おかしな状態は以下のとおりです。
■ サイドカラムのプラグインのタイトルがすべて黒字になり、表示されておりません。
■ プロフィールの中の言葉もすべて表示されておりません。
■ カレンダーの年月が表示されていません。
（ 上記すべては、実際は表示されているのですが、すべて背景と同じ黒字の為見えません。 ）
■ サイドカラムの文字のフォントサイズがすべて、14 ～ 16px とすべて大文字になっています。
どうするかは 桜沢風鈴 さんにお任せします。貼られているマリオのタグは、ちなみに ・・・
<MARQUEE DIRECTION="right" SCROLLDELAY="60"><A href="http://ikebukuro.cool.ne.jp/c_chicken/mario.html&q...; target="_blank"><font size="3" color="black"><IMG src="http://image.blog.livedoor.jp/windbell775/imgs/5/c...; width="17" height="17" border="0"></A></MARQUEE><br>
です。
あのマリオのタグを貼ったまま、CSS で何とか調整できるように工夫してみましたが、あのタグがなぜか邪魔をして CSS がすべて無効になってしまいます。CSS で指示をしても HTML 側が受け付けてくれませんでした。
そして本題に入る前にもうひとつ。これはマリオのタグは関係ない事ですが、フリーエリアの中の問題を解決しても、
>>#3
で書いてあるとおり、とうぜん忍者カウンターのグラフの数字は見れません。それどころか元々 Netscape ではそのグラフはポップアップしないので良いのですが、Firefox においてもポップアップしないので、これはおかしいです。通常は Firefox においても IE と同じ動作をします。
このテンプレート、ちゃんと考えて作成されたか怪しくなってきました。とりあえず 桜沢風鈴 さんが " 今回質問された事 " を解決済みにさせるための回答だけをします。Windows + Firefox においての忍者カウンターの " グラフがポップアップしない " 問題は、HTML すべてのタグを見ていかないと無理です。私では答えを出せそうにありません。
最近作成されたテンプレート、少し問題多すぎです。(-_-;)
では本題に入ります。今回の質問の忍者カウンターのグラフの数字を出す方法です。まず、CSS の中の body{ } の中にある、color:#ffffff; を削除して下さい。そして 桜沢風鈴 さんが設定を希望している、スクロールバーの記述をします。こうなります。↓
body{
margin:0px;
padding:0px;
font-family: verdana ,arial ,sans-serif;
text-align:center;
background:#ffffff;
scrollbar-base-color : #808080;
scrollbar-face-color : #000000;
scrollbar-track-color: #696969;
scrollbar-arrow-color : #808080;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #808080;
}
次に、
#container{ }
.form{ }
.calendarweek{ }
.calendar{ }
上記の記述の中に
color:#ffffff;
を追加で記述します。これで完成です。CSS を保存し、CSS の再構築をかけて下さい。その後、一度全て再構築をしたほうが良いでしょう。
結局、忍者カウンターのグラフの数字は、ブログの CSS の body の中に書かれた font-color に反応することがこれでわかりました。白地に白色の文字 ・・・ そりゃ見えないはずです。(-_-;)
AQさんとzeroさんの最強タッグですね。
質問者さんも解決に向けて努力しておられるようだし
・・・見学させていただきます。
>>#33
もうこれで解決しますよ。ｗｗ
>>2
>>#10
これに書いてある初期の段階での回答ですが、このページ
を見ている方に誤解の無いように記載しておきます。
@charset "EUC-JP"; のセミコロン 「 ; 」 を削除すれば良いという回答は、それをすることで CSS にバグがおこり、HTML に行くはずの本来の命令が正しく行かなかったことで、いったんは解決したように見えたのですが、間違いでした。
CSS の中の、@charset "EUC-JP"; の ; （ セミコロン ） は消さないようにお願いします。
でっ、回答の >>2 を削除したいんですが ・・・
みなさんどう思います？
ありがとうございました！
カウンタの数字は見れるようになりました！
ですが、今度はカレンダーの記事の書かれていないところが真っ黒になってしまいました(^_^;)
>>#35
今、CSS を見させていただきました。
>>#32 で説明しているとおりに CSS に color:#ffffff;
を追加で記述して下さい。
.form{ }
.calendarweek{ }
.calendar{ }
この3つの設定がまだされていません。
すみません、全てにcolor:#ffffff;だったんですね(^_^;)
取り違えてました。
ようやく問題解決までに至りました。
本当に、ご丁寧に有難うございましたo(_ _*)o
もう、何度お礼を言っても足りないくらいです！！(ノ＞＜)ノ
これからも皆さんのために、頑張って下さい！
私も少し勉強してみようと思います。
AQさんも桜沢風鈴さんもステキ(* ^^ *)
ライブドアナレッジのあるべき姿ですね。
無事に解決してzeroさんも喜んでいることでしょう。
