2008年2月アーカイブ

以前、lightboxについての記事を書きましたが、MovableTyleでは画像を挿入する場合、通常1枚を left center right の何れかに設置するようになっています。

せっかく、lightboxのスライドショーの機能として写真を順番に表示させることが出来るので、画像のサムネイルを一覧表示させられるかやってみました。

画像挿入時のファイルオプションの設定

• ブログ記事に画像を表示するにチェックする
• サムネイルを利用にチェックする（幅：　160　ピクセル）
• 位置は、左寄せ

※ポップアップウィンドウで元の大きさを画像にリンクには、チェックしない

始めは画像の位置を中央にしたり、横幅を代えてみましたが、私の環境では、「幅160px」の「左寄せ」に統一することで、キレイにうまく回り込ませることが出来ました。

左寄せの標準状態では、CSSで上0,右10px,下10px,左0の余白が設定されてますので、右寄せよりレイアウト的には良いのではないでしょうか。

ところで、MovableTypeは特別CSSをいじらなくても、勝手に回り込んでくれるのですね。

知りませんでした。

サムネイル表示まではうまくいきましたので、今度は、lightboxで表示させた際に、同一グループでスライドショー表示をさせられるか試してみました。

htmlモードのおまじない方法

予めブログ記事に写真を貼り付けたあと、htmlモードで「おまじない」を記入してやればすぐに出来てしまします。

a href="http://・・・・・/" rel="lightbox"

a href="http://・・・・・/" rel="lightbox[group]"

rel="lightbox" の後ろに半角で　[group]　と記載するだけで出来てしまいます。

もし、これが面倒であれば、lightboxの設定の際に、上記[group]を入れてしまっても支障ないと思います。 

※[　]内は何を入れても機能します。今回はgroupとしました

それでは、実際に設置したところをご紹介します。

写真を表示させて、写真の右半分側でマウスをクリックすると次のページに行きます。

逆に、左半分側でマウスをクリックすると戻ります。

私の血液型は典型的なA型です。

今まで、間違われたことなど一度もありません。

そのぐらい、変なところに細かく、そして、変なところにダラシナイ。

そんな性格なので、ウェブサイトを見ていると、なぜだか文章の右側の折り返しが狂って下の段に落ちてるのが気になってしょうがない。

私の中で、文章の折り返しが揃わないというのは許されない範囲なのだ。

これは、ブログでも同じことで、MovableTypeの初期設定では、ブログの記事の右側部分が揃う設定にはなっていない。

別に気にならない人は関係ないかもしれないが、私のように気になる人は結構多いのではないだろうか。

ちょっとイジッテみよう。

XPまでは「マイドキュメント」を移動させれば、中に入っている「マイミュージック」、「マイビデオ」、「マイピクチャ」などすべてを移動することが出来きました。

しかし、Vistaからは、「マイドキュメント」の名前が「ドキュメント」に変更され、ファイルを保存するための構成が変わっているようです。

それに伴い、今まで「マイドキュメント」内に存在した「マイミュージック」等のフォルダが、一段階上の同列に移行したのです。

調べると、カナリの割合でこの件でヒットしました。

もう分かっていると思いますが、Vistaでも使い勝手を良くしたいのでまとめておきます。

OSのインストール後、様々なアプリケーションのインストールや各種設定を行いますが、私が一番始めに行うことは、NAS(ネットワークハードディスク）の認証とネットワークドライブの割り当てです。

なぜかというと、各種ドライバーやアプリケーション、更にはマニュアルなどもNAS（ネットワークハードディスク）に保管しているので、これをやらないと先に進むことができないからです。

しかし、今回は雲行きが怪しい。

一度認証を行っても、再起動をするとネットワークドライブの割り当てが途切れてしまう。

最近は、猛烈にCSSの勉強をしている。

XOOPSやMovableTypeなどを設置して、テストすることが多いのですが、借り物のデザインだったら、自分の環境に合わせてちょこちょこっとイジる程度で済んでしまいます。

しかし、最近は、ちょっとしたホームページを作る機会があったので、真剣に勉強することにした。

また、それにあわせて、MovableTypeも人より少しだけオシャレちゃんにしたいのも動機の一つです。

それでは、サンプルとして、下記に欲しいものリストを記載してみようと思います。

欲しいものリスト

表をマウスで選択してみてください

メチャクチャいいですよね。

それでは、忘れないように記載しておこう。