fc2ブログ
 

Album4_L

Album4_L

  • Album3_L(08/06)
  • Album1_GalleryE(08/28)

表紙がスライドショーのアルバム風テンプレートAlbum4_L


s_Album1L3.jpg

表紙は記事本文に投稿した写真やイラストがスライドショーされ、記事一覧ページでは、投稿画像のサムネイルが一覧表示される、写真フォトブログ、写真日記向きのアルバム風テンプレート。

表紙・通常ブログ画面・コメント編集画面以外は疑似フレーム、左固定メニュー。
JavaScript有効時、メニューはクリックで開閉しJavaScript無効時は最初から開示。
プラグインは表紙と通常ブログ画面のみ表示されます。表紙はプラグイン3のみ、通常ブログ画面はプラグイン1,2,3全て表示。

表紙ページのメニューはAlbum3_Lと同じくスライドショーの下に表示。
JavaScript有効無効に関係なく、オンマウスで開示されます。
HTMLもAlbum3_Lと同じです。表紙以外のHTMLの組み方(レイアウト)はAlbum1~4共通です。

イラストは御存知ピーターラビットのベアトリス・ポッターの挿絵をアレンジして使っています。(流用禁止)
上の画像をクリックするとプレビューされます。

注意表紙や画像一覧ページで表示されるのは、自ブログでアップロードし、記事本文に投稿した最初の画像に限られます
追記部分に投稿した画像や、絵文字、別ブログでアップロードした画像、その他の画像は表示されません!
スライドショーされる場合も同様です。
表紙や画像一覧ページで表示される画像の表示件数・表示順の設定方法はコチラ



Galleryテンプレートは、作者様のお許しを得て、FC2ブログプラグイン「Pictlayer」を装着させていただいておりますので、元画像にリンクしている投稿画像やテキストは、JavaScript有効時、クリックすると、別窓ではなく、同画面で原寸大サイズレイヤー表示されます。

注意Pictlayer」が有効となるのは、imgタグが元画像にリンクしている場合に限られます。
imgタグのみの場合や、アルバムページへリンクしている場合は、これに含まれません。
ブログ開設時の初期設定では、ファイルアップロードされた画像はアルバムページへリンクしているので、
同画面レイヤー表示を有効化させるためには投稿設定の変更が必要です。
設定方法はコチラ


Albumボタンを非表示にする場合custom60.gif画像用テンプレートということで、表紙にはデフォルトアルバムへリンクボタンが表示させましたが、不要な場合はHTMLの~ 内の(a)と(b)の行を削除するか、スタイルシートの末尾に以下を追加すると表示されなくなります。
.go-album { display: none; }

詳しくは  コチラ

画像一覧表示のグリッドサイズを変更する場合custom60.gif通常ブログ画面の記事欄で一定幅の背景画像を使っているため、全体のカラムの幅を広げることはできませんが、グリッドサイズを、通常ブログ画面はDL時の四分割から三分割へ、カテゴリ、タグ、月別、検索ページではDL時の六分割から五分割へ変更することは出来ます。
詳しくは  コチラ


注意同カテゴリ前後ページのナビは関連記事リストの設定が必要です。
関連リストの設定方法はコチラ





スタイルシートに変更するとデザイン変更できます。
但し、スタイルシートの変更以外の背景画像の変更・流用、スクリプトの改変は禁止です。
詳しくはGalleryテンプレート利用規約をご確認ください。

HTML:Album4_L スタイルシート:Gallery/Album共通CSS V.Potter
関連記事
スポンサーサイト



  • Album3_L(08/06)
  • Album1_GalleryE(08/28)
Guide
  •  …この記事と同じカテゴリの前後記事へのページナビ
  •  …この記事の前後に投稿された記事へのページナビ
         
GalleryA  ←GalleryA 【2013年08月】の更新記事一覧 →Album3_L  Album3_L
 

~ Trackback ~

卜ラックバックURL


この記事にトラックバックする(FC2ブログユーザー)

MENU anime_down3.gif

同じカテゴリの記事が一覧表示されます
同じタグの記事が一覧表示されます
更新月別の記事が一覧表示されます
キーワードで記事を検索