MAIL INTERVIEW BBS ABOUT LIST TEMPLATE HELP LIFE NEWS ANA LINK
S M L
● 001 / like a "dacafe.photograph."

■ あなたのプチを、あの伝説の写真サイト
  「dacafe.photograph. (Click!) 」のようにしてしまう、
  なんとも大胆なカスタマイズサンプルです。
  カスタマイズデータおよびカスタマイズ実行後のイメージは、
  こちらで公開中です (Click!)
  期間限定で、実際に可動するプチをご覧いただけます!→ (Click!)

作者のこだわりポイント

このカスタマイズのポイントは

  ・ 各コンテンツでヘッダ部分の画像がすり替わる
  ・ ギャラリー(カテゴリー別)ページおよびリンクページでは、
   このヘッダ部分の画像の高さが短い(細かい!けどこだわりました)
  ・ コンテンツにより、紙部分の色が変わる
  ・ ナビゲーションボタン部分が、紙の下端とぴったり合うようになっている

といったところでしょうか。

CSSの追加で、プチをここまで変えられるんだ!という
かなりハードなカスタマイズをしていますので、
追加したCSSの内容をチェックしてみてください。笑。

ご自分で撮った写真をヘッダ画像と同じ大きさにトリミングして、
白黒変換やノイズを追加して、ダカフェ風なプチにしてみるのもオツかと思います。

なお、使用したダカフェフォトグラフおよびダカフェ日記の写真は、
もちろん森友治さんの承諾を得た上で使用させていただいています。
ありがとうございます。

(でこぽん@School)