FC2 共有テンプレート「SUP06」

SUP06（2カラム1種・3カラム1種）06_2colum/06_3colum

※CSS3を使用しています。ブラウザによってはサンプル画像と表示が異なりますのでご了承ください。

• プラグイン3をフロントページのみ記事上部に表示します。全ページに表示させたい場合は追記よりカスタマイズの詳細をご覧ください。
• プラグイン1,2は色分けされます。色味を統一したい場合はどちらか一方をご使用ください（２カラムのみ可能）。
• ヘッダに画像を挿入したい場合は追記よりカスタマイズの詳細をご覧ください。

テンプレご利用案内的なもの

サーバ番号の無いブログアドレス（http://hogehoge.blog.fc2.com）の「Comment:件数」表示のバグ回避

公開後しばらくはソースの修正を頻繁に行います。お手数をおかけしますがこまめに最終更新日をご確認頂き、最新状態でのダウンロードをお願いします<(_ _)>　不具合などお気付きの点がございましたらコメ欄にてご指摘くださると幸いです。

UPDATE...

2015-09-07 HTML・CSS改正

TOP・BOTTOMをスムーススクロールに

全テンプレート共通修正箇所

2012-11-16 HTML・CSS改正

右下に固定ページナビゲーションを追加

FC2既定の拍手ボタンとソーシャルボタンを横並びに

CSSの重複記述等ミス修正他ソース改善

2011-11-05 HTML修正

プチモデルチェンジで「Comment: n」が「本文: n」に書き換わる仕様に戻ってしまってました‥　直しました　すみません。

2011-10-13 HTML・CSS改正

2カラムの記事幅を560pxに拡張

ついででプチモデルチェンジ

2011-06-13 CSS修正

カレンダーの先月・来月のアンカーtitle抜け他微修正

2011-06-10 CSS修正

「Continue »」の表示が回り込み解除されていなかったのを修正

2011-06-09 HTML修正

プラグイン設定での行揃え機能が無効になっていたのを修正

記事のカテゴリー表示に親カテゴリーを追加

2011-06-04 HTML訂正

Archiveのtitleミスを訂正（再DL or 書き換えをお願いします）

2011-06-01 CSS訂正

2カラムのトラバ・コメント部の幅が記事幅と合ってませんでした極最初にDLして頂いた十数名の方のみですが、よかったら再DLもしくはCSSで#functionのwidthを520px→530pxに書き換えてください‥　すみません。

---

もうそろそろテーブル組みはいかんよな、てことでSUP01シャッター改訂版。

カスタマイズ

※カスタマイズは自力で。質問にはお答えいたしませんのでご了承ください。

デフォルトのカレンダー部分がいらない

HTML編集で以下の範囲を削除します。

<!--========== FIXED CALENDAR START (delete if unnecessary) //==========-->
・
・
・
<!--==========// FIXED CALENDAR END ==========-->

FIXED CALENDAR STARTと書かれた行からFIXED CALENDAR ENDまでを全て削除。

プラグイン3をフロントページ以外にも表示させる

こちらをご覧ください

ヘッダに画像を挿入したい

正直個人的には柄物にヘッダ画像を置くのはオススメしません。煩いから。でもどうしても入れたい人もいるみたいで、無理くり入れて残念な感じになっちゃってるのを見かけたりすると、「無茶しやがって‥」な気持ちになるんでセレクタ用意しときます。

幅960pxの画像を用意し、ブログにアップロードします。CSS編集で以下の赤字部分を削除し、青字部分をアップロードした画像のURLに書き換えます。

/*---------- OPTION HEADER |----------
.option_header{
	・
	height: 200px;　←ヘッダ高さ　変更可
	・
	background: url("upload the image of 900px in width") no-repeat;
	・
	・
	・
}
----------| OPTION HEADER ----------*/

画像の高さは任意です。画像の高さに合わせてheightを書き換えて下さい。

あとヘッダに収まらないほどブログタイトルが長い人へ（旧バージョンのみ）
CSS編集で以下の青字部分をいいカンジの高さに増やしておくと幸せになれます。

#body_header{
	width: auto;
	height: 120px;
	text-align: left;
	filter: Alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	clear: both;
}

関連記事

• FC2 共有テンプレート「SUP07」
• FC2 Template List
• FC2 共有テンプレート「SUP06」
• テンプレご利用案内的なもの
• FC2 共有テンプレート「SUP05」