ロゴを戻しました。

とりあえず、ダーカー熱もおさまってきたんで、ロゴをノーマルのものに戻しました。

MITSUGRAPHICS本サイトでは、ダーカーロゴのスタイルシートを代替スタイルシートにしているので、FireFoxブラウザなどをお使いの方は、ブラウザメニューの表示→スタイルシート→「DARKER THAN BLACK 最終回記念」を選択すればいつでも見られるようになっています。

こっちのブログも外部スタイルシートにしようと思ってはいるのですが、動的な部分が多くてちょっとめんどくさいので、後々変更してダーカーロゴをこっちでもいつでも見られるようにしたいと思います。

bloggerでlightboxを使う

MITSUGRAPHICSの本サイトでも使っているlightboxですが、bloggerでも実装したいと思い、いろいろためしたのですが、実装するとなると結構めんどくさいようです。


まず、bloggerには、.jsファイルをアップロードできないことがありました。そのため、MITSUGRAPHICSの本サイトのサーバーから持ってくれば良いじゃん。と思ったのですが、どうやらlightboxは.jsファイルと画像ファイルのドメインが一致しないと画像を読み込めないようです。そのため投稿内容の編集画面で、ただ単にrel="lightbox"としても、ローディング状態のまま画像が表示されない現象が起きます。

解決法としては、単純に.jsファイルと表示画像のドメインを一致させればいいわけです。

なので、投稿する際にbloggerのアップロード機能を使用せず、.jsファイルが置いてあるドメインのサーバーにlightboxで表示したい画像を置いて、「htmlの編集」でその画像を持ってくるようにすればいいわけです。

もしくはbloggerのアップロード機能を使用し投稿し、投稿を編集し、aタグ内の画像URLを.jsファイルが置いてあるドメインの画像URLにする方法もありますが、投稿後にいちいちリンクを編集したり、画像を置くためのサーバーの容量を気にしなければなりません。


ですので、めんどくさいので実装しないことにしました。

上記画像は、bloggerのアップロード機能を使用せず、.jsファイルと同じドメインのサーバーにアップした画像をhtmlの編集で直接入力し、実装した例です。

参考にしたサイト

ゼロからはじめるLightbox 2.0
lightboxの実装方法です。

Eric Muller In France Lightbox In Blogger!
この方は、ドメインが違ってもlightboxが実装できる特殊なテンプレートを使っているようです。

クリボウの Blogger Tips
コメント部分が役に立ちました。

自由気ままなブログ
この方は多分アップした画像のaタグをいじっているのだと思います。

CSS本

『XHTML+CSS虎の巻』なる本が出ていた。同著者の『世界の「最先端」事例に学ぶ CSSプロフェッショナル・スタイル』は今でも結構役立つ本ですが、仕事場におきっぱなしで家用に何か欲しいなと思っていたので、ちょうど良かったので買いました。
このブログのCSSに関してもいろいろと直さねばならないことがたくさんなので、この本を役立てるために読みながら修正をしたいと思います。