SLUG'S UPPER title

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

SUP06(2カラム1種・3カラム1種)06_2colum/06_3colum

sup06_1.jpg

sup06_2.jpg

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


  • プラグイン3をフロントページのみ記事上部に表示します。全ページに表示させたい場合は追記よりカスタマイズの詳細をご覧ください。
  • プラグイン1,2は色分けされます。色味を統一したい場合はどちらか一方をご使用ください(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をフロントページ以外にも表示させる

こちらをご覧ください


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

sup06_3.jpg

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


幅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;
}
関連記事
Comments
Continue » の大きさについて
今回テンプレートを使わせて頂きます、卓球丼と申します。宜しくお願い致します!かなりカッコイイ外見とデザインなので素晴らしいと思い、すぐに借りてしまいました(^^)どうして、もっと早くに見つけられなかったのかと後悔しています。。。

各記事に表示される、Continue » の文字の大きさを、少し小さくしたいのですが、テンプレートタグやスタイルシートを探してみたのですが、わかりませんでした。カスタマイズの質問は受けて頂けないと書いてあったのですが、、、失礼を承知で質問させて頂きました。もし良ければ、宜しくお願い致します。
    ATTENTION PLEASE
  • 各テンプレート記事に明記しておりますが カスタマイズについての質問はお受けしておりません 。テンプレート記事へのコメントは表示不具合に関するご質問ご報告以外、原則返信は致しませんのでご了承ください。他意はありません。
  • テンプレートへの感想は共有DLページや拍手、ツイッターでいただければ有り難いです<(_ _)>


 

Follow
Hex Color Code
Add Spice
Audinst DAC付ヘッドホンアンプ HUD-mx1 【正規輸入品】Wacom Cintiq Pro 24 ペンモデル ブラック TDTK-2420/K0 Logitec HDDスタンド USB3.0接続 4TB対応 ガチャベイ HDDコピー機能付き LHR-2BDPU3 [フラストレーションフリーパッケージ (FFP)]Transcend SSD 1TB 2.5インチ SATA3 6Gb/s MLC採用 3年保証 TS1TSSD370SJabra TALK USB ブラック ワイヤレス Bluetooth イヤホン ヘッドセット (モノラル 簡単操作) Z-LIGHT LEDデスクライト ブラック E26LED

Hot Item
RALD ラルド ボルトレスラック4D 4段RMX-002 マジックボックス L 折りたたみ 蓋付 ブラックカシオ Gショック G-SHOCK GAW-100B-7AJF

JINS Glasses


TOP

PREV

NEXT

COMMENT

BOTTOM