小粋空間: Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Firefox2 と Firefox3（ベータ版）の共存
Firefox3 Beta5 を Windows に入れてみました。 ついでに Firefox2 との共存方法も、公式サイトや他のサイトでの解説など（下）がありますが、補足を交えながら手順を説明します。 Firefox3 ベータ版ダウンロード imatt.jp - Firefox3をFirefox2と共存させながら入れる方法 The blog of H.Fujimoto - Firefox 3 β1をFirefox 2と共存させる ここでは Windows での共存方法を解説します。 注：この記事を読みながら共存の設定をする場合は、この記事を Firefox 以外のブラウザで開いてください。 １．Firefox2 のプロファイルのバックアップ 本作業中にインストールした Firefox3 Beta をうっかり起動してしまうと、Firefox 2 のプロファイル（=ブラウザのオプション設定や
サイドバーの背景を最後まで表示する
float 指定のマルチカラムテンプレートのデザインで困るのは、サイドバーに背景色を与えた場合、サイドバーの内容が本文（中央カラム）の表示より短くなった場合、背景色がそこで途切れてしまうことです。 例えば、本サイトの公開テンプレート（2カラム・右にサイドバー表示）のCSSの右サイドバーに背景色（ピンク）を追加してみます。 /* 右カラム */ #links-right{ float: left; background-color: pink; width : 155px ; padding-top : 15px; padding-left : 15px; padding-right : 15px; } この設定例で、サイドバーの表示が本文より短い場合、最初の画像のように指定した背景が途中までしか表示されません。 ということで、ページの最後までサイドバーの背景色を表示するカスタマイズ方法です
CSSでサイドバーの背景を最後まで表示する
マルチカラムレイアウトで困るのは、サイドバーに背景色を与えた場合、サイドバーの内容が本文（中央カラム）の表示より短くなった場合、背景色がそこで途切れてしまうことです。 ということで、このエントリーではページの最後までサイドバーの背景色を表示するカスタマイズをご紹介します。 完成イメージ サンプルは公開テンプレートを用いてますが一般的な手法ですので他のテンプレートでも適用可能です。 なお本エントリーは固定レイアウトのカスタマイズです。リキッドレイアウトについてはリキッドレイアウトの背景色を変更するを参照ください。 以前にもサイドバーの背景を最後まで表示するという記事をエントリーしましたが、現在公開しているテンプレートの内容にあわせて改訂しました。なおCSSの構造的には前記事の方がシンプルなので併せて参照頂ければ理解が深まると思います。 １．失敗例 本サイトの公開テンプレート（2カラム・右にサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
