FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

プラグイン3の幅を広げる(standard)

以前にプラグイン3の幅を広げるカスタマイズを紹介しましたが、これはlightframeシリーズを対象にしたものでした。

今回はstandardシリーズを対象に、プラグイン3をサイト幅と同じ幅に広げてヘッダー直下に表示するカスタマイズを紹介します。

HTMLを編集します。
下記の赤い部分を切り取ってください。

<!--▼▼▼ 中央ブロック ▼▼▼-->
<td width="100%" valign="top" style="padding-left: 1em; padding-right: 1em;">

<!--▼▼ プラグイン カテゴリー3 ▼▼-->

中略

<!--▲▲ プラグイン カテゴリー3 ▲▲-->


そしてオレンジの部分を加えて下記箇所に貼付けてください。

<!--▼▼▼▼ メインボディ(コンテンツ部分)▼▼▼▼-->
<tr><td id="main_body">

<table style="margin: 1em" border="0" cellspacing="0" summary="contents">
<tr>

<td colspan=3>
<!--▼▼ プラグイン カテゴリー3 ▼▼-->

中略

<!--▲▲ プラグイン カテゴリー3 ▲▲-->

</td></tr><tr>


<!--▼▼▼ 左側ブロック ▼▼▼-->


これでプラグイン3がサイト幅まで広げて表示できます。

【2009/11/19 追記】記事に不備があったので修正しました。誠に申しわけありませんm(__)m
訂正前の間違いは以下になります。

<!--▼▼▼▼ メインボディ(コンテンツ部分)▼▼▼▼-->
<tr><td id="main_body">

<td colspan=3>
<!--▼▼ プラグイン カテゴリー3 ▼▼-->

中略

<!--▲▲ プラグイン カテゴリー3 ▲▲-->

</td></tr><tr>


<table style="margin: 1em" border="0" cellspacing="0" summary="contents">
<tr>

<!--▼▼▼ 左側ブロック ▼▼▼-->

関連記事
[ 6911 ]
よし やってみました。
[ 2009/11/10 23:52 ] [ 編集 ]
[ 6912 ]
よし やってみました。
[ 2009/11/10 23:52 ] [ 編集 ]
[ 6923 ]
記事にしてくれてありがとうございます。
やってみたのですが、プラグイン3がすべて黒色になり、
記事や、プラグイン1.2のところの色が変わってしまいます。
どうしてでしょうか?
[ 2009/11/11 17:31 ] [ 編集 ]
[ 6929 ] > いちごさん、masa173さん
> いちごさん
どんどんカスタマイズに挑戦してください^^

> masa173さん
HTML内に<body>タグが複数見受けられます。これを削除してください。

<table class="base_table" border="0" cellspacing="1" summary="outline">
<body>

</body>
<!--▼ メニューバー ▼-->
[ 2009/11/11 23:42 ] [ 編集 ]
[ 6940 ]
広告を横に並べたいのですがどうしても縦に並んでしまいます。
どうすればいいでしょう?
[ 2009/11/12 21:31 ] [ 編集 ]
[ 6948 ] > Geckoさん
こちらのコメントを参考にしてください。

http://10plate.blog44.fc2.com/blog-entry-313.html#comment6882
[ 2009/11/12 22:17 ] [ 編集 ]
[ 6954 ] この記事に関係ないですが。。。
ヘッダーより下のブログの背景を画像にしたいのですが
どうやれば出来ますかね?
[ 2009/11/13 04:13 ] [ 編集 ]
[ 6963 ] > Gachadaikoさん
スタイルシートの末尾にこれを加えてみてください。

#main_body {
background-image: url("画像URL");
}
[ 2009/11/13 22:57 ] [ 編集 ]
[ 6968 ]
いつもありがとうございます。できました。
[ 2009/11/14 12:34 ] [ 編集 ]
[ 6973 ]
メニューバーをロールオーバーするもので「すだれ式」というものを見つけたのですが、やり方がよくわかりません。

やり方を教えてくださらないでしょうか?
[ 2009/11/14 17:42 ] [ 編集 ]
[ 6982 ] > Gachadaikoさん、6973の名無しさん
> Gachadaikoさん
解決して良かったです^^

> 6973の名無しさん
すだれ式?というものを知らず申しわけありません m(__)m
[ 2009/11/15 00:52 ] [ 編集 ]
[ 6990 ]
http://www.h7.dion.ne.jp/~nuru44/dhtml/menu_bar1.html

ここに載っているようなものです

すだれ式ではなくすだれ型でした
すいません
[ 2009/11/15 12:53 ] [ 編集 ]
[ 6998 ] > 6973の名無しさん
ドロップダウンさせたいのでしょうか。それであればこちらの記事を参考にしてください。

メニューバーのドロップダウン
http://10plate.blog44.fc2.com/blog-entry-230.html
[ 2009/11/15 23:15 ] [ 編集 ]
[ 7006 ]
ありがとうございます
[ 2009/11/16 18:23 ] [ 編集 ]
[ 7017 ]
突然申し訳ありません。
忍者ブログでこちらのテンプレートを使用させていただいているろーえんどと申します。
このたび、質問がある為コメントさせていただきました。
左側プラグインの"プロフィール"等にマウスを持って行くと、青い線が入ってきてしまいます。
タグは多少知っているつもりでしたが、この原因は分かりませんでした。自分の勉強不足を痛感します。
つきましては、解決策の方を教えていただけないでしょうか?
お忙しいとは思いますが、なにとぞよろしくお願いいたします。

ろーえんど
[ 2009/11/16 23:06 ] [ 編集 ]
[ 7019 ]

いたお様
なぜか2カラムにしたところ問題なくなりました。お騒がせしました。
また、カテゴリが違いますがもう一つ質問させてください。
メニューバーの第二階層ですが、文字が入る部分に少し余裕を持たせたいです。
マージンのタグを使っても上手くいきませんでしたので、ご教授お願い致します。
[ 2009/11/17 00:37 ] [ 編集 ]
[ 7027 ] > ろーえんどさん
スタイルシートの末尾にこれを加えてみてください。
#menu_bar li a {
padding-left:10px;
}

忍者ブログでも使ってくれて嬉しいです^^
[ 2009/11/17 22:45 ] [ 編集 ]
[ 7033 ]
解決しました!
ブログに導入した仕組みは、すべていたお様のアイデアを使用させていただいております。
本当にありがとうございました。

ろーえんど
[ 2009/11/18 00:04 ] [ 編集 ]
[ 7034 ]
やってみたのですが、
プラグインのところが、
http://blog-imgs-34.fc2.com/m/a/s/masa173com/2009y11m18d_160646062.jpg
のように真っ黒になってしまいます。
また記事のところが、
http://blog-imgs-34.fc2.com/m/a/s/masa173com/2009y11m18d_160712437.jpg
のように真ん中よりになってしまいます。
どうしてでしょうか?
[ 2009/11/18 16:11 ] [ 編集 ]
[ 7037 ] > ろーえんどさん、masa173さん
> ろーえんどさん
解決して良かったです^^

> masa173さん
以前に指摘したことがまだ修正されていないようです。
http://10plate.blog44.fc2.com/blog-entry-325.html#comment6929

これは致命的なバグなので、これを修正しない限りどんなカスタマイズをしても正しく表示される保証はありません。まずこの修正をしてください。
[ 2009/11/18 22:11 ] [ 編集 ]
[ 7044 ]
指摘されたところを消したのですが、変わりません。
今、その状態にしてあるので見てください。
お願いします。
[ 2009/11/19 18:18 ] [ 編集 ]
[ 7047 ] > masa173さん
記事に不備がありました。誠に申しわけありません m(__)m
修正した記事を参考に再度HTMLを編集してください。

プラグイン3の幅を広げる(standard) 追記
http://10plate.blog44.fc2.com/blog-entry-325.html#a20091119
[ 2009/11/19 21:37 ] [ 編集 ]
[ 7048 ]
分かりません。
どこを変えればよいのでしょうか?
[ 2009/11/19 21:43 ] [ 編集 ]
[ 7049 ] > masa173さん
HTMLの
<!--▲ メニューバー ▲-->
の下に

<table style="margin: 1em; clear:left" border="0" cellspacing="0" summary="contents">
<tr>


があります。これを切り取って

<td colspan=3>
<!--▼▼ プラグイン カテゴリー3 ▼▼-->

の上に貼付けてください。

万が一に備えてバックアップをとってください。
[ 2009/11/19 21:52 ] [ 編集 ]
[ 7050 ]
ありがとうございました。
無事できました。
もし今度できなかったときもよろしくお願いします。
ほんとにありがとうございました。
[ 2009/11/19 21:58 ] [ 編集 ]
[ 7051 ] > masa173さん
解決して良かったです^^
[ 2009/11/19 22:03 ] [ 編集 ]
[ 9047 ] タイトルとメインボディの間にテーブルを挿入したい
ヘッダー(タイトル部分)とメインボディ(コンテンツ部分)の間に横並びのテーブルを2つ挿入したいのですが、テンプレートのどの部分に入れたらいいのでしょうか?
またどんなタグが必要でしょうか?

いま、ビルダーで作ったテーブルのソースをテンプレートのヘッダー下に入れたんですがサイト幅いっぱいにテーブルが延びてしまってうまく表示できなくて・・。

[ 2012/03/03 19:07 ] [ 編集 ]
[ 9049 ] > まさるさん
その位置にはプラグインカテゴリ3が表示されます。
公式プラグインの「フリーエリア」をダウンロードしてカテゴリ3に設定し、そのフリーエリアの中にテーブルタグ等を挿入してください。
[ 2012/03/04 00:29 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
02 | 2024/03 | 04
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

02 | 2024/03 | 04
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -
ユーザータグ


△ ページトップへ戻る