全く興味ないぜ！…という人も、ここで一緒に暇さえあれば予想だけしてみる。とかどうでしょう？
予想が的中しまくるようなら一度、馬券買ってみるのもアリですしね。…もらい物、なんですけれどね（苦笑）
で、これには３Dにもなるカメラが搭載されていまして！実は動画も撮れちゃう（10分）のですが結果はこんな感じでしたとさ。
久々なのに身の無い内容でしたが今日はここまで。
こういうのってどうやって作っているんだろうなぁ～…
GoogleChromeにある、「要素の検証」ってとても便利ですね。
その要素の検証を使って、ああでもない、こうでもないとhtmlページをいじっていたのです。
そのいじりついでにちょっとした発見があったので記しておきますね。
要素の検証をバリバリ使っている方なら知っている人が殆どだろうなーと思うのですが、
検証中に直にタグを書き換えたり、消したりして見る事が出来るんですね！
それを知ったとき、より「これは凄い便利だ！」と思いました。
…といっても、文字だけじゃよくわかりませんよね。
画像でその様子をキャプチャーしてきましたので、暫しお付き合い頂ければ幸いです。
まずは要素の検証。画面上で見たいところにカーソルを合わせて右クリックですね。
検証タブを開いた状態です。
赤線の所をクリックし、ソースのどこにそれがあるかを表示させています。
で、右側に「styles」という項目（*）があります。（緑枠）（*初期設定位置です）
ここが、現在見ている（要素を検証している）所に適応されているCSS部分…という事になります。
マウスをそのstylesの項目辺りに持っていくと、下の画像のとおりチェッボックスが出ます。
それをいじると…
文字色、かわってますよね！ このように「検証」できるようです。
ほかにも…
画像ばっかり貼り付けるだけ貼り付けて説明省いてしまいましたが、こんな感じです。
今まで全然知らなかったことなので、ふとしたことで気付けて良かった～と思いました。
だって、ほら…Webの世界ってお勉強するのにも（英字弱いと特に）大変ですもの…ね？
…の、前に。jQueryをブロガーに入れる事について先に書いておこうと思います。
英語のサイトなので、英語に弱い私は始めとまどいましたが、どうもここはこういったデータを使っていいよと公開されている場所のようなので、感謝しながらURLを拾ってきました。
さて、この頂いてきたURLですが…
head部分に、<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/></script>と、入れ込みます。
それから、できればそのすぐ下にjQueryの命令コードを入れておきましょう。
これで、私のBloggerにもめでたくjQueryが使えるようになりました！
本来は、可能であれば自身の取り扱っているサーバーにjQueryをインストールするほうが、動作は安定するんですけどね…。
Web上に公開されているものだからこそ、混雑していると表示に時間がかかってしまうでしょう。サーバーが落ちたら使えない。けれども、初心者的にもこれが一番！ですね。
<script>
$(function(){
$("#Label1 ul>li a:contains('勉強事')").addClass("labelhover");
});
</script>
例として…
<script>
$(function(){
$("#Label1 ul>li a:contains('勉強事'),
#Label1 ul>li a:contains('ラベルの名前')")
.addClass("labelhover");
});
</script>
で、まぁ…ラベルの色を変える手法、これだけではなりません。
テンプレート＞カスタマイズと進んでアドバンス＞CSSを追加と進みます。
そこに、jQueryで設定した「labelhoer」の細かい設定をつけていきます。
私は、2種類の設定を組み込んでいます。
.labelhover{background:#B22222;} ←背景の色を設定しました。
.labelhover:hover{background:#191970;} ←マウスをホバーさせたときの色を設定しました
と、今回はここまで。
ぷちメモ：目が追いやすいように色付けできるようにしたほうがいいかな。探せる時探そう
