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

SUP12（2カラム2色）12_1/12_2

• 比較的小さな画像でヘッダを飾ることができます。
• ヘッダ部分にカテゴリーを表示します。
• プラグイン3をフロントページのみ記事上部に表示します。全ページに表示させたい場合は追記よりカスタマイズの詳細をご覧ください。
• プラグイン1,2は色分けされます。色味を統一したい場合はどちらか一方をご使用ください。

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

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

UPDATE...

2014-09-30 HTML・CSS改正

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

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

ヘッダ部分のカテゴリー表示がGoogle Chrome/Firefoxで崩れるようになってしまったのを修正。

マイナーチェンジ

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

---

カスタマイズ

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

透過PNG画像を重ねて円形にする為このテンプレートでの背景色の変更は不可です。

ヘッダの画像を差し替える

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

/*----------------------------------------------------------------------
	Header Image width/height size cannot be changed
----------------------------------------------------------------------*/
#body_header .image{
	width: 300px;
	height: 300px;
	background: url("http://blog-imgs-35.fc2.com/s/l/u/slugsupper/sup12_header_sample.jpg") no-repeat 50% 50%;
	float: left;
}
/*--------------------------------------------------------------------*/

W300*H300pxは表示最大サイズです。それより大きい画像は中央からトリミングされ小さい画像は中心に配置されます。

記事タイトルのオーナメントを差し替える

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

.entry_header .icon{
	width: 80px;
	height: 80px;
	background: url("http://blog-imgs-35.fc2.com/s/l/u/slugsupper/sup12_ornament_fff-trans.png") no-repeat 50% 50%;
}

W80*H80pxは表示最大サイズです。それより大きい画像は中央からトリミングされ小さい画像は中心に配置されます。

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

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

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

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

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

こちらをご覧ください

ブログタイトルの文字サイズを調整する

極端にブログタイトルが短いor長い場合は文字の大きさを調節してバランスを取っていただけると良。青字は上部からの距離です。文字を大きくした場合は青字を小さくして詰めて下さい。（CSS編集）

.blog_title{
	margin: 50px 0 5px 0;
	font-size: 48px;
	・
	・
	・
}

おまけ

黒い方（SUP12_1）のヘッダ画像はレーベル風にできます。HTML編集で以下の赤字部分（29行目辺り）を書き換えてください。

<img src="https://blog-imgs-35.fc2.com/s/l/u/slugsupper/trim_circle_ol_300_000-trans.png" border="0" />

LPレーベル trim_circle_LP_300_000-trans.png CDレーベル trim_circle_CD_300_000-trans.png

関連記事

• FC2 テンプレート「DE_SUP14d」
• FC2 共有テンプレート「SUP13」
• FC2 共有テンプレート「SUP12」
• FC2 テンプレート「DE_SUP11d」
• FC2 共有テンプレート「SUP10」