SLUG'S UPPER title

FC2 テンプレート「DE_SUP16d」

DIRECT EDITION

SUP16d(2カラム2種)16d_1/16d_2

sup16d_1.jpg

sup16d_2.jpg


  • プラグイン3をフロントページのみ記事上部に表示します。全ページに表示させたい場合は追記よりカスタマイズの詳細をご覧ください。
  • プラグイン1,2は色分けされます。色味を統一したい場合はどちらか一方をご使用ください。
  • IEではサンプル画像と表示が異なります。(※閲覧に支障はありません)


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


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

【最終更新日:2015-09-16】


UPDATE...

2015-09-16 HTML・CSS改正
TOP・BOTTOMをスムーススクロールに
全テンプレート共通修正箇所

原稿の休憩でブログをやっても全く気が休まらない恐怖の版下テンプレート。ギリギリでいつも生きていたいから~ な修行僧ちっくな方や〆切り恐怖をおすそ分けしたい場合にオヌヌメ。どうでもいいけどギリギリの歌詞てスガシカオかよ


適用方法

  • 初めに共有テンプレート追加より「SUPx」(どれでも可)をダウンロードしておきます。DLしたテンプレートをリネームしてください。
  • テンプレートの編集でリネームした任意のテンプレートを以下のソースに入れ換えます。
DOWNLOAD ※右クリック>対象を保存>テキストエディタで開く
Right click and choose "Save target as" or "Save link as".
SUP16d_1 [HTML] [CSS]
SUP16d_2 [HTML] [CSS]


カスタマイズ

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


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

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

#heading p{
	height: 200px; ←ヘッダ高さ 変更可
	background: url("http://blog-imgs-45.fc2.com/s/l/u/slugsupper/sup16_header_sample1.jpg") no-repeat 50% 50%;
}
16d_2は幅801px以上の画像を用意し、ブログにアップロードします。CSS編集で以下の赤字部分をアップロードした画像のURLに書き換えます。

#heading{
	width: auto;
	height: 200px; ←ヘッダ高さ 変更可
	margin: 0 0 15px 0;
	background: url("http://blog-imgs-45.fc2.com/s/l/u/slugsupper/sup16_header_sample2.png") no-repeat 50% 50%;
	・
	・
}
旧Ver.は以下のセレクタになります。

#heading{
	・
	height: 200px
	・
	background: #fff url("アップロードした画像のURL") no-repeat 50% 50%;
}
画像の高さは任意です。画像の高さに合わせて青字部分を書き換えて下さい。デフォルトでは200pxになっています。


背景色を変更する

sup16d_3.jpg版下領域の奥の背景色を好みの色に変更します。
CSS編集で以下の赤字部分を任意の色に書き換えます。例では黄色の背景色になります。

body{
	background-color: #ffff00;
	・
	・
	・
	・
}
背景に画像を指定する場合は背景画像をブログにアップロードし、以下の赤字部分を

body{
	background-color: #666;
	・
	・
}
以下のように書き換えます。

body{
	background: url("アップロードした画像のURL");
	・
	・
}
16進数カラーコードの生成はサイドバーのカラーピッカーをご利用下さい。


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

こちらをご覧ください


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

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

<!--========== FIXED CALENDAR START (delete if unnecessary) //==========-->
・
・
・
<!--==========// FIXED CALENDAR END ==========-->
FIXED CALENDAR STARTと書かれた行からFIXED CALENDAR ENDまでを全て削除。


関連記事
Comments
    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