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; }
関連記事
Tweet Hatena

Newer Entryヘッダにミクが

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

Comments
  • テンプレート配布記事では使用に関してのコメントを優先しますのでご質問・ご報告以外はスルーする傾向にあります。
  • テンプレートへの感想は共有DLページや拍手、ツイッターでいただければ有り難いです<(_ _)>
  • 各テンプレート記事に明記しておりますが カスタマイズについての質問はお受けしておりません のでご留意ください。
Follow
Hex Color Code
Add Spice
Audinst DAC付ヘッドホンアンプ HUD-mx1 【正規輸入品】ワコム Intuos Comic マンガ・イラスト制作用モデル Mサイズ 【新型番】2015年1月モデル CTH-680/S3Logitec HDDスタンド USB3.0接続 4TB対応 ガチャベイ HDDコピー機能付き LHR-2BDPU3 [フラストレーションフリーパッケージ (FFP)]FILCO Majestouch TenKeyPad USBテンキーパッド独CherryMX茶軸スイッチ ブラック FKB22MBTranscend SSD 1TB 2.5インチ SATA3 6Gb/s MLC採用 3年保証 TS1TSSD370S【日本正規代理店品】 Jabra ジャブラ Bluetooth4.0 モノラルヘッドセット 日本語音声ガイダンス対応 Jabra MINI ブラック MINI-U-BKZ-LIGHT LEDデスクライト Z-108LED B ブラック E26LED電球 昼白色Bauhutte (バウヒュッテ) ノートパソコン タブレット用 膝上パソコンデスク BLT-72 PC スマート ボード [ベッドでもソファでも、自由にパソコンを使える ラップトップデスク テーブル]BESTEK AC 充電器 USB コンセント 2in1 急速充電 アダプター 30W 最大6A USB 4ポート バッテリー チャージャー BTCPS017 (黒)【国内正規品】harman/kardon AURA ワイヤレススピーカー Bluetooth対応 ブラック HKAURAAPBLKJN

ESET ファミリー セキュリティ 3年版(最新版)

Hot Item