Poo-Chiな日々

MTのスクロールバーの色

リニューアルをして左側にブルーのラインを入れたので、スクロールバーの色をブルーにしようと思い、CSSにHPでしているようにbody{　　}の中にタグを書いてみた。
うん？変わらない…Why??
さっそくググってみると、ありました。
Movable Typeはｈｔｍｌ{ }で囲わないとだめなんですね。

html {
scrollbar-3dlight-color : #3399CC;
scrollbar-arrow-color : #3399CC;
scrollbar-base-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #3399CC;
scrollbar-track-color : #3399CC;
}

これをCSSに書き込めばOK！

プチリニューアル

いよいよ6月も終わり、今日から7月という事でサマーバージョンにプチリニューアルしました。
サイドバーのタイトルに画像を使って、もっと雰囲気を変えようかなと思いましたが、結局タイトルバナーとメニューと色の変更だけになりました。
それとボディーのバックに画像（ブルーとイエローの線）を使って、左寄せにしました。
チョッとは涼しそうな雰囲気が出たと思うんですが…

現在Movable Typeは４のベーター版が公開されてますが、多分7月末には正式版がリリースされるでしょうから、それにアップグレードをしたら、またリニューアルを考えましょうかね。
他のブログはほとんどアクセスがないので、そのままです^_^;

サイドメニューの折りたたみ

今回他のブログ（Pokizou,Gokuaku,Kakurega Blog）のエントリータイトルをリアルタイムで表示させるようにしました。
参考にさせて頂いたのはblogDROIDさん。ありがとうございました。
サイドバーのブログ名をクリックするとエントリータイトルが表示されますし、新しい記事にはNEWマークがつきますので、更新状態がすぐにわかります。
またタイトルにはリンクを貼っていますので、すぐに読むこともできます。
このシステムの導入でサイドバーが長くなりましたので、サイドメニューの折りたたみを導入しました。
これは、小粋空間さんを参考にさせて頂きました。
時間がある時に、Ajaxを使ったゆっくりと折りたたみができるのにチャレンジしようと思っています。

ブログのカスタマイズ

今日したのはPHP化とページ分割。
また小粋空間さんを参考にさせていただきました。
以前のブログは週別アーカイブを作って１週間ずつさかのぼって表示させていましたが、エントリー数によっては何かと不便ですので、MTPaginate プラグインを利用したページ分割にチャレンジしました。
メインページの一番最後に　| 1 | 2 | All Pagesと表示されるようにしたわけですが、はたしてどれ位の人がさかのぼって記事を読むかははなはだ疑問ですが…
とりあえず、7エントリーずつ5ページ表示されるように設定しました。
まだ記事が少ないので2ページまでの表示しかありません。
またカテゴリーも記事が増える前に、ページ分割の設定をしなければ…
あとサイドバーのカテゴリーリスト表示をサブカテゴリー表示に切り替えました。
（メインページしかまだしてません）
もう少しサブカテゴリーがふえれば、エクスプローラー風の表示に変えようと思います。

ブログのカスタマイズ

今回ブログを新しくしましたので、いくつかカスタマイズをしてみました。

●サイドバーの新着エントリーにNEWマークをつける。
これは小粋空間さんに掲載されているのを参考にさせていただきました。
同じように新着エントリーのあるカテゴリーにもNEWマークをつけるようにしました。

●以前からやりたいなと思っていたのがSnap。
リンクされているところにマウスをあてるとリンク先が表示されます。
これはSnapで登録してコードをもらって貼り付けるだけですから簡単です。

●左サイドバーの上に表示されている世界地図Clustr Maps。
これはどこの国からどれだけのアクセスがあったかを表示してくれます。
これも登録してコードを貼り付けるだけですから設置は簡単です。
私の場合は日本からもほとんどアクセスがないので、まったくの飾りです。(-_-;)
それやったら、つけるなというつっこみはなしで。
ＨＰの方はPoo-Chiの検索でアメリカからアクセスがあるのですが…（間違い訪問）

●右サイドバーに作ったMini Galleryの画像を表示してくれるのが、Highslide JS。
以前からエントリーの画像を表示させるのにはLightbox.jsを使っていたのですが、Hislideの方はタイトル表示ができるし画像を次々とNEXTで送れるので、こうしたサイドバーでギャラリー的な使い方をするのにはいいと思います。
ユーザー登録をしてファイルをダウンロードして、コードを貼り付けるとできます。
これはTEXTを表示させたり、Flashを表示させたりもできるので、すごく便利そうです。
チョッとタグの貼り付け方を間違ったので、全部同じタイトルが表示されてしまったので、タイトル表示は消しましたが、確定申告が終わって暇になればやり直そうと思っています。

以前はフォトリーダーをつけたり、天気予報をつけたり、ニュースもつけた時がありましたが…
色々やっている時が楽しいですからいいでしょう。

2007.03.06追記
なんか途中でほうっておくのはイヤなので、タイトル表示されるように、タグを修正しました。