FC2ブログのテンプレート工房
カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？
プラグイン３の幅を広げる(lightframe)
当サイトが提供するテンプレートは、プラグイン３が記事上部に表示されます。
左カラム（プラグイン１）と右カラム（プラグイン２）の間に表示されるプラグイン３を、サイト幅と同じ幅に広げてヘッダー直下に表示するカスタマイズを紹介します。
このカスタマイズは共有テンプレート lightframe シリーズを対象にしています。
HTMLを編集します。
<!--▼▼ プラグイン カテゴリー３ ▼▼-->から<!--▲▲ プラグイン カテゴリー３ ▲▲-->まで囲まれた部分を下記のように移動してください。
これでプラグイン３がサイト幅まで広げて表示できます。
左カラム（プラグイン１）と右カラム（プラグイン２）の間に表示されるプラグイン３を、サイト幅と同じ幅に広げてヘッダー直下に表示するカスタマイズを紹介します。
このカスタマイズは共有テンプレート lightframe シリーズを対象にしています。
HTMLを編集します。
<!--▲▲ ヘッダー ▲▲-->
<div id="center-left">
<div id="center">
<!--▼▼ プラグイン カテゴリー３ ▼▼-->
～
<!--▲▲ プラグイン カテゴリー３ ▲▲-->
<!--▼▼ カテゴリ、月別、検索結果ナビゲーション ▼▼-->
<!--▼▼ プラグイン カテゴリー３ ▼▼-->から<!--▲▲ プラグイン カテゴリー３ ▲▲-->まで囲まれた部分を下記のように移動してください。
<!--▲▲ ヘッダー ▲▲-->
<!--▼▼ プラグイン カテゴリー３ ▼▼-->
～
<!--▲▲ プラグイン カテゴリー３ ▲▲-->
<div id="center-left">
<div id="center">
これでプラグイン３がサイト幅まで広げて表示できます。
- 関連記事
≪ プラグイン「最新コメント」に敬称を付ける | HOME | 記事要約を利用して表示時間を短縮する ≫
[ 4374 ] > ちゃんさん
右カラムを残しても十分広くて、むしろこのほうが有効ですね。
このように記事の補足情報になるような有用なコメントは皆さんの役にも立つしとても助かります。
ありがとうございます＾＾
このように記事の補足情報になるような有用なコメントは皆さんの役にも立つしとても助かります。
ありがとうございます＾＾
[ 2009/05/21 22:54 ]
[ 編集 ]
[ 4709 ] こんにちは
こんにちは。
テンプレートを使わせていただいて1年以上経過しています。
質問なんですが、プラグイン３のタイトル部分が不要なので削除したいのですが可能でしょうか？
http://tanpoko.blog70.fc2.com/blog-entry-804.html でサイト幅と同じフリーエリアを作る方法を利用すれば簡単なのかもしれないのですが、可能ならプラグイン３を利用したいのです（＾＾
お忙しいところ申し訳ありませんが、よろしくお願いします。
テンプレートを使わせていただいて1年以上経過しています。
質問なんですが、プラグイン３のタイトル部分が不要なので削除したいのですが可能でしょうか？
http://tanpoko.blog70.fc2.com/blog-entry-804.html でサイト幅と同じフリーエリアを作る方法を利用すれば簡単なのかもしれないのですが、可能ならプラグイン３を利用したいのです（＾＾
お忙しいところ申し訳ありませんが、よろしくお願いします。
[ 2009/06/23 11:21 ]
[ 編集 ]
[ 4712 ] > Ｋonさん
タイトル背景部分が少し表示されてしまいますが、プラグインタイトルを入力しないという手もあります。
完全にプラグインタイトルを取り払いたい場合は、テンプレートにより処置が異なるのでご使用のテンプレートを教えてください。
完全にプラグインタイトルを取り払いたい場合は、テンプレートにより処置が異なるのでご使用のテンプレートを教えてください。
[ 2009/06/24 01:21 ]
[ 編集 ]
[ 4715 ] Kon
お返事ありがとうございます。
完全にプラグイン３のタイトルを取り払いたいです。
使用させていただいてるのは、lightframe_whiteです。
完全にプラグイン３のタイトルを取り払いたいです。
使用させていただいてるのは、lightframe_whiteです。
[ 2009/06/24 07:59 ]
[ 編集 ]
[ 4719 ] > Ｋonさん
HTMLの次の赤い箇所を削除してください。
<!--▼▼ プラグイン カテゴリー３ ▼▼-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="plugin3_outline">
<div class="plugin3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title></div>
<div class="plugin3_body">
～
<!--▲▲ プラグイン カテゴリー３ ▲▲-->
スタイルシートの次の赤い箇所を#666666としてください。
/* ▼ 上部メニュー(プラグイン３) ▼ */
～
.plugin3_body {
～
border-top: #e0e0e0 1px solid; /* 枠(上) (本体) */
border-left: #666666 1px solid; /* 枠(左) (本体) */
border-right: #666666 1px solid; /* 枠(右) (本体) */
border-bottom:#666666 1px solid; /* 枠(下) (本体) */
padding:5px 20px;
}
/* ▲ 上部メニュー(プラグイン３) ▲ */
これで希望の表示になると思います。
<!--▼▼ プラグイン カテゴリー３ ▼▼-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="plugin3_outline">
<div class="plugin3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title></div>
<div class="plugin3_body">
～
<!--▲▲ プラグイン カテゴリー３ ▲▲-->
スタイルシートの次の赤い箇所を#666666としてください。
/* ▼ 上部メニュー(プラグイン３) ▼ */
～
.plugin3_body {
～
border-top: #e0e0e0 1px solid; /* 枠(上) (本体) */
border-left: #666666 1px solid; /* 枠(左) (本体) */
border-right: #666666 1px solid; /* 枠(右) (本体) */
border-bottom:#666666 1px solid; /* 枠(下) (本体) */
padding:5px 20px;
}
/* ▲ 上部メニュー(プラグイン３) ▲ */
これで希望の表示になると思います。
[ 2009/06/24 22:47 ]
[ 編集 ]
[ 4726 ] ありがとうございました！！！
出来ました！！！
本当に、本当にありがとうございました。
実は、もうひとつお聞きしたいことがありますので、該当する記事のコメント欄で質問させていただきます。
本当に、ありがとうございました。感謝感謝です・・・（＾＾
本当に、本当にありがとうございました。
実は、もうひとつお聞きしたいことがありますので、該当する記事のコメント欄で質問させていただきます。
本当に、ありがとうございました。感謝感謝です・・・（＾＾
[ 2009/06/25 16:00 ]
[ 編集 ]
[ 5497 ] プラグイン3の位置について
先日はどうもありがとうございました。で、申し訳ないんですが新しい質問をさせて下さい。
メイン記事 プラグイン1 プラグイン2
上記のように並べているものを
メイン記事 プラグイン3（下の1、2を合わせた幅）
プラグイン1 プラグイン2
このようにカスタマイズする事は可能でしょうか？以下のブログ様のような感じにしたいのです。説明が難しくて分かっていただけたか心配なのですが、どうかよろしくお願いします。
http://128bit.blog41.fc2.com/
メイン記事 プラグイン1 プラグイン2
上記のように並べているものを
メイン記事 プラグイン3（下の1、2を合わせた幅）
プラグイン1 プラグイン2
このようにカスタマイズする事は可能でしょうか？以下のブログ様のような感じにしたいのです。説明が難しくて分かっていただけたか心配なのですが、どうかよろしくお願いします。
http://128bit.blog41.fc2.com/
[ 2009/08/18 07:56 ]
[ 編集 ]
[ 5505 ] > まいさん
例となるところを見せてもらえると解りやすくて助かりました。記事にするのでもう少しお待ちください。lightframeの場合でよろしいでしょうか。
[ 2009/08/18 21:17 ]
[ 編集 ]
[ 7783 ]
遅ればせながら・・・・・・
明けましておめでとうございます。
旧年中はお世話になりました。有難うございます。
本年も、どうぞ宜しくお願い致します。
私もこのカスタマイズを、猫ブログでやってみました。
自画自賛しています。（笑）
明けましておめでとうございます。
旧年中はお世話になりました。有難うございます。
本年も、どうぞ宜しくお願い致します。
私もこのカスタマイズを、猫ブログでやってみました。
自画自賛しています。（笑）
[ 2010/01/08 23:29 ]
[ 編集 ]
[ 7787 ] > 豪州サンディさん
あけましておめでとうございます。
カスタマイズバッチリ決まってますよ。猫達がワイドに表示されて癒されますね＾＾
カスタマイズバッチリ決まってますよ。猫達がワイドに表示されて癒されますね＾＾
[ 2010/01/08 23:58 ]
[ 編集 ]
コメントの投稿
トラックバック
ブログ内検索1
サイトマップ
カテゴリ
お薦め カスタマイズ
【共通】
- ブログのサイトマップ
- 背景に画像を使う
- 背景画像をランダムに変える
- タイトル画像をランダムに変える
- 画像をランダムに変える
- 続きを閉じるの使い方
- 一部の文字やリンクの色を変える
- カレンダーの更新日を目立たせる
- プラグインカテゴリ３を常に表示
- 記事文末に広告等を挿入する
- 別枠リンク集の作り方
- 記事タイトル前にアイコン
- プラグインタイトル前にアイコン
- ブログタイトル下に横カレンダー
- 記事を左カラムに表示する
- 記事の日付を消す
- 新着記事に新着表示を付ける
- 便利なトラックバックURL表示
- 記事の行間を変える
【lightframe】
【standard】
- サイトの幅を変える
- 文字の大きさを変える
- 色を変える
- リンクのスタイルを変える
- もう一つのリンク集の作成
- タイトルを画像にする
- ヘッダー背景を画像にする
- タイトルを中央に配置する
- 記事を枠で囲む
- トップのみ３、他２カラム
【スマホ用】
プロフィール
Author:いたお
更新は非常にマイペースです
現在休止中です
当サイトはリンクフリーです。
いたおの他の運営サイト
いたおの他の運営サイト
iPhoneアプリも作ってます
ありがとうございます
先生達
RSSフィード
カレンダー
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー
サイト外タグ検索
iPhoneアプリも作ってます
記事別最近のコメント
- 05/21 のぶ
- 05/09 sakurai
- 05/05 だいきゅ
- 05/02 たにもっさん
- 05/02 sakurai
- 05/02 sakurai
- 05/01 たにもっさん
- 05/01 sakurai
- 04/30 たにもっさん
- 04/30 たぬき
- 04/29 sakurai
- 04/29 ひろ
- 04/29 たにもっさん
- 04/29 たにもっさん
- 04/29 たぬき
- 04/28 sakurai
- 04/28 たにもっさん
- 04/28 たにもっさん
- 04/26 sakurai
- 04/24 たにもっさん
- 04/22 sakurai
- 04/22 AAA
- 04/22 通りすがり
- 04/22 zz
- 04/22 たにもっさん
- 04/22 AAA
- 04/17
- 04/17 Theresa Sullivan
- 04/15
- 04/14 sakurai
最近のトラックバック
- ギルゲエム:コメントを含めた検索を出来るようにしました (03/29)
- 納豆帝国のtemplate改悪履歴:コメントにアイキャッチ（キャラアイコン）をつける (11/23)
- まとめwoネタ速neo:まとめtyaiました【タイトルを画像にする (10plate_sp_white)】 (05/02)
- まとめwoネタ速neo:まとめtyaiました【スマホ用テンプレート「10plate_sp_white」の修正】 (05/02)
- ブログ作成探偵事務局:トップページに最新記事を表示させないようにする（FC2） (04/08)
- まとめwoネタ速suru:まとめteみた.【トップページのみ３カラム、他を２カラムにする。(lightframe)】 (04/02)
- まとめwoネタ速suru:まとめteみた.【一時休止のお知らせ】 (03/30)
- 南加州空即是色:模様替え (03/01)
- 神々の領域（ｷﾘｯ:メニューバー (02/25)
- 実践レポート★アフィリエイトの足跡★:ブログのカスタマイズ (11/25)
そして更新履歴をテーブルで段組み。
いたおさんの「プラグインの折りたたみ」と組み合わせてあるので見た目スッキリです。
有難う御座いました。