Harukiya Archives

2006/01/31

category / Blog

Fシリーズ第3.5弾。FbookmarkはFviewのイメージ抜き出し部分をリンクの抜き出しに変えたものである。では、そのFbookmarkのリンク抜き出し部分をイメージに変えたら･･･。もとに戻るはず？

> Falbum（2005年8月） （HTML & CSS）

設置の仕方はFbookmark 導入方法のFbookmark部分をFalbumと読み替えてください。特に取り説はありません（手抜き）。サポートはこのページにて。

特徴

1. これは、旗を立てないで使うテンプレです。
   <a href="./?style2=fbookmark">Falbum</a>のようなプレビュ呼び出しで使う。
2. 月単位で記事内の<img>要素だけを抜き出して一覧します。
3. 各画像には親記事へのリンク（その画像が含まれるページへの固定リンク）が張られます。画像から記事を逆探知するという用途にもつかえるかもしれません。
4. 抽出イメージを定義リストで整形し、HTMLとして出力できます。このテンプレを月末に一度たちあげ、HTMLをコピペし投稿（または外部ファイル化）することで、月別投稿画像一覧・索引が作れます。

過去写真をうずもれさせたくない方、頻繁に画像をアップする方（またFviewを使われているというキトクな方）にオススメの一品です。

Fviewの管理用目的という逃げ口上をなくす目的で作った。出力されたHTMLをひとくふうすることで、投稿画像アルバムがより広い環境で観覧できるようになる。サムネイル（風）に見せる部分はCSSで制御してる（Fviewではサムサイズを計算していたので柔軟性が無かった）ので自分の好みな表示にできます。フツーなリスト表示や、極端に小さくしてアイコン風（width:32px;）、width:300%;（通常の3倍にして赤い彗星風）とか。

さー、これでカメラを買う準備はできたゾ、と。

writeback

1. マス ： .
   dl.album dt {
   display: block;
   }
   .album dd img {
   height: 80px;
   width: auto;
   vertical-align: top;
   margin-left: 15px;
   margin-bottom: 15px;
   }
   
   なんてのも面白い表現だと思うよ-31日21時
2. お名前 ： 　パス ：
   ご意見・ネタ・苦情など

< ”コンスタンティン”を観た | リンク集 2006年01月 > | 表紙へ戻る | 探す | 案内