SLUG'S UPPER title


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

SUP07(2カラム2種・3カラム1種)07_2colum/07_2colum_wide/07_3colum

sup07_1.jpg


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


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


サーバ番号の無いブログアドレス(http://hogehoge.blog.fc2.com)の「Comment:件数」表示のバグ回避


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

UPDATE...

2013-11-17 JavaScript追加
TOP・BOTTOMをスムーススクロールに
2013-09-25 HTML・CSS改正
3カラムの記事幅を560px→580pxに拡張
カレンダーを追加
右下に固定ページナビゲーションを追加
マイナーチェンジ
全テンプレート共通修正箇所
2012-02-03 HTML・CSS改正
コメント周り等全体的にマイナーチェンジ
FC2既定の拍手ボタンとソーシャルボタンを横並びに
CSSの重複記述等ミス修正他ソース改善
2011-06-22 CSS修正
z-indexの指定が抜けていたのを修正(特に問題なさそうですが気持ち悪い方は再DLを。※極最初にDLしていただいた十数名のみ対象です すみません)

誰得な黒ボール紙。需要ないの分かってるけどシールが貼りたかったんだよ!
  _  ∩ ( ゚∀゚)彡 シール!シール!  ⊂彡

カスタマイズ

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


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

こちらをご覧ください


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

HTML編集で以下の範囲を削除します。
<!--========== FIXED CALENDAR START (delete if unnecessary) //==========--> ・ ・ ・ <!--==========// FIXED CALENDAR END ==========-->
FIXED CALENDAR STARTと書かれた行からFIXED CALENDAR ENDまでを全て削除。


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

sup07_2.jpgシール枠に載せる為、長いタイトル名を考慮してブログタイトルのフォントサイズがデフォルトでは小さめになっています。


短いタイトルで大きく表示させたい場合、CSS編集で以下の赤字部分を任意のサイズに書き換えます。
.blog_title{ width: 246px; height: 140px; padding: 15px 10px; background: url("http://blog-imgs-34.fc2.com/s/l/u/slugsupper/sup07_blog_title_bg-trans.png") no-repeat 50% 50%; font-size: 28px; font-family: "Arial Black","Meiryo UI","MS UI Gothic","ヒラギノ角ゴ ProN W",Osaka,Sans-Serif; letter-spacing: -1px; float: right; }
旧Ver.は以下のセレクタになります。
.blog_title h1{ ・ font-size: 28px; ・ ・ }


ヘッダ部分に地模様として入っている黒字タイトルのサイズは以下赤字部分。
#body_bg{ z-index: 0; top: 0; left: 0; width: 100%; color: #000; font-size: 120px; font-weight: bolder; font-family: Georgia,"MS P明朝","ヒラギノ明朝 Pro W3",Serif; letter-spacing: -5px; line-height: 0.7em; position: absolute; }


sup07_3.jpgソース分かってる方はヘッダ部分を任意の文字列や画像に置き換えていただくのも好改造です。画像の場合は背景透過pngを#body_bgに背景画像として設定されるのが良いと思われます(画像の高さに合わせたheightプロパティの追加をお忘れなく)。参考画像の王冠と渦巻きのスタイル指定を置いておきます。そのままお使い頂いても構いません。CSS編集で#body_bgをまるっと差し替え、HTML編集で<div id="body_bg">~</div>内の<%blog_name>&nbsp;もしくは<br />に書き換えることで地模様のタイトル文字を画像に変更できます。


王冠
#body_bg{ z-index: 0; top: 0; left: 0; width: 100%; height: 570px; background: url("http://blog-imgs-34.fc2.com/s/l/u/slugsupper/bg_crown-trans.png") no-repeat; position: absolute; }


渦巻き
#body_bg{ z-index: 0; top: 0; left: 0; width: 100%; height: 325px; background: url("http://blog-imgs-34.fc2.com/s/l/u/slugsupper/bg_spiral-trans.png") no-repeat; position: absolute; }
関連記事
Tweet Hatena

Newer Entry「Comment: n」が「本文: n」と表示される件

Older Entryメールの返信

Comments
SUP07_3columのIE8でのエラー表示に付いて。 
SUP07_3columを使わせていただいています。

SUP07_3columをIE8で表示するとエラーになるのですが。
対策がありましたら教えていただきたいのですが。
よろしくお願いします。

Web ページ エラーの詳細

ユーザー エージェント: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; YTB720; GTB7.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
タイムスタンプ: Mon, 8 Aug 2011 14:53:28 UTC


メッセージ: 'null' は Null またはオブジェクトではありません。
ライン: 2
文字: 1
コード: 0
URI: http://blog-imgs-37-origin.fc2.com/s/l/u/slugsupper/event_script.js
Re: SUP07_3columのIE8でのエラー表示に付いて。 
IEはプレビュー画面等(FC2のプログラム動作)で当テンプレートに限らずエラーを吐きますが、適用中の通常表示でのエラーはないと思いますが‥。当ブログに適用しても出ませんし、使用されてる方のブログをいくつかIE8で拝見させていただきましたがエラーは出てませんね。JavaScriptプログラムを追加されている場合はサポート対象外なのでご了承ください。jsが原因だと思われる場合、jsの記述順等で回避できる場合もあるようなのでお試しいただくか、jquery.jsとevent_script.jsの行を削除して下さい。SUP07の場合は月の英表記が無くなるだけで使用に問題はありませんので。
  • テンプレート配布記事では使用に関してのコメントを優先しますのでご質問・ご報告以外はスルーする傾向にあります。
  • テンプレートへの感想は共有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