eyecatcher-2c のデモ

上のサムネイル画像(小さな画像)をカーソルでホバーすると、その上のアイキャッチ画像(大きな画像)が切り替わります。インパクト大です。
各記事ページでは、それぞれ固有のアイキャッチ画像をページトップに表示できます。
eyecatcher シリーズの説明や使い方 (fc2blog共有テンプレート)

ちょこっと試してみよう!

当テンプレートでは、HTMLをほんの少し編集するだけで、下のボタンで切り替えられることはすぐにできます。その説明や方法をテンプレート内や作者サイトに記載しています。下のボタンは機能のほんの一例です。

サンプルエフェクト用JavaScriptを読み込んでいると、ここにお試しボタンが生成されます。ブラウザで閲覧している時に反映されるのであって、HTML編集時には変化ありません。

関連記事リストのスタイルは2種類、縦長と横長のスタイル切替デモページ

entry-15s

デフォルトでは横長ですが、クラスの付け外しでかんたんに切り替えられます。

続きを読む
☞ 関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

自販機の上で前足揃えて座っているネコは何を考えているのだろう

entry-15s

自販機の上で鎮座していました。

続きを読む
☞ 関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

しましまネコが前足そろえて

120521-002

しましまネコが前足そろえて鎮座しています。

続きを読む
☞ 関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

未分類カテゴリのブログタイトル背景画像

このブログでは、表示例として未分類カテゴリはタイトルの背景画像が変わらないようにしています。
☞ 関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

アイキャッチ画像がない場合の表示例

no-image.png

その記事用のアイキャッチ画像がない場合、その記事のアイキャッチ画像を表示するスペースの背景画像でその旨表示されます。

続きを読む
☞ 関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)