2006年2月アーカイブ

先日導入したLightboxですが、画像をアップロードするたびにrel="lightbox"を追加するのが面倒なので、何かいい方法がないか探してみました。

参照元　CEFA::Blog：Lightbox JSを組み込んだのだけれど

どうやら、MTのディレクトリ/lib/MT/App/にあるCMS.pmを修正すればよさそうです。
修正するのは3604行目。

<a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>

この部分に以下の文字列（青字）を追加します

<a href="$url" rel="lightbox"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>

特に深い意味はないこのblogですが、1エントリあたりの内容がほぼ固定され量も少ないので、通常のテンプレートだとスペースに無駄が多い状態でした。

くるま::blog

そこで、メインのコンテンツを縦に2分割してエントリが2列に表示されるように変更しました。
エントリを<div>タグで囲んで、クラスをverticalにします。

スタイルシートでverticalクラスにメインコンテンツの半分の幅になるよう指定して、float:leftでエントリが左右交互に表示されるようにしました。

これだけでも、スタイルシートのpaddingの調整などが必要で手間だったのですが、重大な問題が・・・