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

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

プラグイン３のレイアウト (lightframe)

以前に共有テンプレートlightframeシリーズにおいて、記事と同じ幅であるプラグイン３の幅を広げるカスタマイズを紹介しました。
これはプラグイン３が、記事,プラグイン１,プラグイン２の上に、サイト全体と同じ幅で表示されるものでした。

今回は、プラグイン３を、プラグイン１と記事の上に表示するカスタマイズ

そしてプラグイン３を、記事とプラグイン２の上に表示するカスタマイズを紹介します。

プラグイン３を、プラグイン１と記事の上に表示する

HTMLのからまでを、下記の位置に移動させてください。

<div id="center-left">


～


<div id="center">

これだけでプラグイン３を、プラグイン１と記事の上に表示することが出来るので簡単なのですが、この逆の形にするには更に編集が必要です。

プラグイン３を、記事とプラグイン２の上に表示する

上記のHTML編集を行った後、更に

～

と

～

を入れ替えてください。

そしてスタイルシートの末尾に以下を加えてください。

#center {
float:left;
}

#left {
float:right;
}

#right {
float:left;
}

#center-left {
float:right;
}

このカスタマイズは少しでもミスをすると崩れてしまうので、必ずテンプレートのバックアップをとってからカスタマイズを行ってください。

関連記事

[ 2009/10/09 00:51 ] カスタマイズ lightframe 専用 | TB(0) | CM(28)

≪ 画像の上に文字等を重ねる | HOME | コメント入力欄に初期値を設定する ≫

[ 6411 ]

ありがとうございます
うまくいきました。

[ 2009/10/09 06:48 ] [ 編集 ]

[ 6415 ] > ぷーさん

お役にたてて良かったです＾＾

[ 2009/10/10 00:19 ] [ 編集 ]

[ 6437 ]

少し前にカウンターをブログ上の右上に置く方法を質問していられたrackさんのやり方をやってみましたが
うまくいきません…
総合閲覧者数と現在の閲覧者数をしようとするのですが
総合閲覧者数は二行目上
現在の閲覧者数はその下の下になってしまいます。
どうしたらよいでしょうか…
分かりにくいと思うのでどうなったか画像を撮ったので
その画像を見てください。
画像URL：http://blog-imgs-34.fc2.com/p/s/p/psproom/WS000001_20091011223131.jpg

[ 2009/10/11 22:32 ] [ 編集 ]

[ 6441 ] > DARKENさん

記事を掲載したのでこちらを参考にしてください。

画像の上に文字等を重ねる
http://10plate.blog44.fc2.com/blog-entry-317.html

[ 2009/10/12 01:44 ] [ 編集 ]

[ 6444 ] ▼DARKENさん

いたおさんが記事にしてくれてありますが、

【HTML】
<div class="access">
現在の閲覧者数の貼付コード
総閲覧者数の貼り付けコード
</div>

【スタイルシート】
.access { float: right; }

**********

この方法で出来る場合もあるようです。

＞総合閲覧者数は二行目上
現在の閲覧者数はその下の下になってしまいます。

下の下になっているわけでは無く、総閲覧者数の画像に影の部分があります。
その影がフェードアウトしている外側までが画像なので1行あいているように見えるだけです。

綺麗に見せるのであれば2つの画像の大きさを揃える(もしくは同画像を使用する)といいかもしれません。

[ 2009/10/12 02:37 ] [ 編集 ]

[ 6446 ]

あの、本当に馬鹿な質問させてください。
よくブログでタイトルの下に[HOME]とか[チャット]って表示
されているじゃなですか?それがプラグイン3ですか?
standardでは無理ですかね?

[ 2009/10/12 08:17 ] [ 編集 ]

[ 6449 ] ▼Gachadaikoさん

管理画面の「プラグインの設定」部分に「プラグインカテゴリ３」と言うのがあります。
それが該当部分です。

テンプレートによって表示位置は色々で、一番多いのは右下ですが、テンプレート工房様配布のものはライトフレーム・スタンダード共に記事上に表示されます。

[ 2009/10/12 12:43 ] [ 編集 ]

[ 6450 ] >ちゃんさん

丁寧な対応ありがとうございます。
試してみます。

[ 2009/10/12 13:17 ] [ 編集 ]

[ 6456 ] > Gachadaikoさん、ちゃんさん

> Gachadaikoさん
ちゃんさんが教えてくれたようにプラグインカテゴリ３を試してみてください。

> ちゃんさん
いつもありがとうございます＾＾

[ 2009/10/12 23:45 ] [ 編集 ]

[ 6478 ]

確認しましたがプラグイン2までしかありませんでしたorz

[ 2009/10/15 10:53 ] [ 編集 ]

[ 6480 ] ▼Gachadaikoさん

プラグイン3は既にお使いになっておられるようです。
あやぽんRSSの入っているところがそうです。
が、直接テンプレートのHTMLに打ってしまわれたのでしょうか？
枠が出ていないので、公式プラグインのフリーエリアをプラグイン3にダウンロードし、


～


までを貼り付けてみて下さい。

[ 2009/10/15 12:33 ] [ 編集 ]

[ 6485 ]

プラグイン3を記事、プラグイン1,2の上に表示する方法は無いですか？

[ 2009/10/15 21:43 ] [ 編集 ]

[ 6491 ] > Gachadaikoさん、ちゃんさん、ZEROさん

> Gachadaikoさん
プラグインはカテゴリ３までありますよ。設定方法はこのマニュアルを参考にしてください。

プラグインの編集・管理｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-150.html

> ちゃんさん
いつもありがとうございます＾＾

> ZEROさん
こちらの記事を参考にしてください。

プラグイン３の幅を広げる(lightframe)
http://10plate.blog44.fc2.com/blog-entry-208.html

[ 2009/10/16 01:14 ] [ 編集 ]

[ 6894 ]

これやっても表示くずれます(>_<。)HelpMe!!

[ 2009/11/10 19:47 ] [ 編集 ]

[ 6904 ] > YASUDAみかんさん

まだスタイルシートのカスタマイズをしていないようです。記事にあるカスタマイズを最後まで施してみてください。

[ 2009/11/10 23:28 ] [ 編集 ]

[ 6905 ]

入れたお　　崩れるｗｗ

[ 2009/11/10 23:36 ] [ 編集 ]

[ 6907 ] > YASUDAみかんさん

プラグイン３にある「更新情報」が怪しい気がするのですが、これを非表示にしても崩れますか？

[ 2009/11/10 23:39 ] [ 編集 ]

[ 6908 ]

直ったお！！！！！

さすが！いたおたん！！

(つ∀-)ネムイ～のでｗｗ

( ｡・ω・｡)ﾉｼ

また、来ます！

[ 2009/11/10 23:42 ] [ 編集 ]

[ 6925 ] > YASUDAみかんさん

解決して良かったです＾＾

[ 2009/11/11 23:07 ] [ 編集 ]

[ 7505 ]

プラグイン３を、記事とプラグイン２の上に表示する
がうまくいきません。
上記のやり方でやってみると、プラグイン１とプラグイン２の内容が左右入れ替わって表示され、プラグイン３は変わらずプラグイン１と記事の上に表示されたままになってしまいます。
何が間違っているのでしょうか

[ 2009/12/24 18:55 ] [ 編集 ]

[ 7522 ] > 2DKさん

この記事に後半にある
「プラグイン３を、記事とプラグイン２の上に表示する」
を施していない可能性があります。
URLを教えてくれれば原因が解るかもしれません。

[ 2009/12/25 23:39 ] [ 編集 ]

[ 7566 ] > いたおさん

一気に更新してみたらできました！
色々試してみてこの結果とはホント情けない…
お手数掛けて申し訳ありませんでした。

[ 2009/12/29 00:28 ] [ 編集 ]

[ 7568 ] > 2DKさん

解決して良かったです＾＾

[ 2009/12/29 01:00 ] [ 編集 ]

[ 7625 ]

プラグインをヘッダーの下に2つ横に並べて表示するのはどうするのでしょうか？

[ 2010/01/01 11:33 ] [ 編集 ]

[ 7632 ] > ROXASさん

こちらの記事を参考にしてください。

なんでもスクロールを横に２つ並べる
http://10plate.blog44.fc2.com/blog-entry-313.html

[ 2010/01/01 23:08 ] [ 編集 ]

[ 8422 ]

このカスタマイズで両サイドに7px程度の間隔をあけるにはどうすればいいのでしょうか？

[ 2010/02/15 15:08 ] [ 編集 ]

[ 8885 ] きっと他の記事で更新されているでしょうが

すいません
このブログ内で探してみたんですが、なかなかボクの思っている記事が見つからないのでコメントで質問させてもらいます

プラグイン３、カラム３
どっちの言葉が正しいのかわかりませんが、それをこの記事でいうフッターと言われる部分にあてたいと思っているのですが、どうしたらいいですか？
お手数ですが、教えてもらえませんか？

[ 2011/12/03 11:41 ] [ 編集 ]

[ 8887 ] > 一寸先は赤い、闇さん

～


を、

のすぐ上に移動させてください。

これでプラグインカテゴリ３はフッターの上に表示されます。

[ 2011/12/03 12:13 ] [ 編集 ]

コメントの投稿