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

公開後しばらくはソースの修正を頻繁に行います。お手数をおかけしますがこまめに最終更新日をご確認頂き、最新状態でのダウンロードをお願いします<(_ _)> 不具合などお気付きの点がございましたらコメ欄にてご指摘くださると幸いです。
- 2014-09-30 HTML・CSS改正
- TOP・BOTTOMをスムーススクロールに
- 右下に固定ページナビゲーションを追加
- ヘッダ部分のカテゴリー表示がGoogle Chrome/Firefoxで崩れるようになってしまったのを修正。
- マイナーチェンジ
- 全テンプレート共通修正箇所
- 右下に固定ページナビゲーションを追加
UPDATE...
カスタマイズ
※カスタマイズは自力で。質問にはお答えいたしませんのでご了承ください。ヘッダの画像を差し替える
幅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は表示最大サイズです。それより大きい画像は中央からトリミングされ小さい画像は中心に配置されます。
記事タイトルのオーナメントを差し替える

.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をフロントページ以外にも表示させる
こちらをご覧くださいブログタイトルの文字サイズを調整する

.blog_title{
margin: 50px 0 5px 0;
font-size: 48px;
・
・
・
}
おまけ
<img src="https://blog-imgs-35.fc2.com/s/l/u/slugsupper/trim_circle_ol_300_000-trans.png" border="0" />
LPレーベル
CDレーベル
- 関連記事
-
- FC2 テンプレート「DE_SUP14d」
- FC2 共有テンプレート「SUP13」
- FC2 共有テンプレート「SUP12」
- FC2 テンプレート「DE_SUP11d」
- FC2 共有テンプレート「SUP10」
こちらのテンプレに一目ぼれしてお借りしました。
ありがとうございます。
ところで先日からですが、google chromeでブログを見ると、
ヘッダ部分にカテゴリーを表示がおかしくなっていました。
あたしはHTMLの編集などはほとんどしてませんが、
原因は何か分かりませんか?
ちなみにIE10の場合はヘッダ部分にカテゴリー表示は正常でした。
google chromeっで閲覧した場合のスクリーンショットを貼っておきますね。
http://blog-imgs-47.fc2.com/a/s/h/ashslowgameblog/20130824065043759.jpg
#body_header ul li.sub{
・
・
・
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#body_header ul li{
margin: 0 10px 5px 20px;
float: left;
}
#body_header ul li.sub{
margin: 0 10px 5px 0;
list-style: none;
}
}
クローム次バージョンまで様子見て戻らないようなら配布更新します。
ご報告ありがとうございました!
【追記】Ver.31.x~正常に表示されます
http://blog-imgs-47.fc2.com/a/s/h/ashslowgameblog/201308241757317c5.jpg
一体なんだったのでしょうか。
表示は正常に戻ってますが、一応CSS編集の追記はしておいたほうがいいですか?
うちのヘッダ↑もズレてるんで現状ズレてると思います。ので一応入れておいてください。
うちは次バージョンで表示が直るか確認する為放置しますがw お手数おかけします
素早い対応ありがとうございました。
いつもかっこいいテンプレをありがとうございます!
ヘッダ部分のカテゴリー表示がおかしくなっていましたが、
暫定的な対処法を試したところ、見事解決。
気持よく使わせていただきます。
今後ともよろしくお願い致します。
いつもテンプレでお世話になってます。
このたびちょっとヒマだったので新しいブログを
こちらのテンプレでオープンしました。
お時間のあるとき遊びにきてください。
BREAKBEAT
http://madxbull.blog.fc2.com/