※お知らせ※
H26/4/8：IE8閲覧時のバグ回避のためCSSを一部修正しました。
▼カテゴリ▼月別
[ PREV : LIST : NEXT ]
《簡易説明》
一覧画面の基本的レイアウトは『アルバム風ブログ/サムネイル』と同じです。
こちらはそれに、webkit系のスマートフォンとPCブラウザ（Chrome/Opera/safari）で画像の下に鏡面効果が発生するよう設定を付け加えたものです。
画像画面のレイアウトは、アルバム風ブログ通常版他と共通です。
（画像画面その他の詳細説明はこちら）
鏡面効果はCSSだけでも出来ますが、Android2.2以下にも対応させるため透過PNGを使っています。
Chrome・Opera・safari以外のPCブラウザはサムネイルのみのテンプレートと同じレイアウトになります。
《一覧画面スクショ》
スマートフォン / PC（Chrome）
★テンプレート作成手順
└初期設定部分も忘れずに！
★CSS
└透過PNG画像
★レイアウト一括コピー
└分割コピー： 全体レイアウト / 一覧画面 / 記事画面 / 追記画面 / コメント
[トップへ戻る]