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

いつもお世話になっております。
引用部分を点線で囲みたいのですが、どうすればよいのでしょうか？以下のように「Q」を使っても点線の枠が出てきません・・・。
<blockquote><p>　コメント　<p></blockquote>

出来れば、点線の枠の中の色も変えたいのですが・・・。
よろしくお願いします。

※どこに書いてよいかわからず、こちらに書いてしまいました。＾＾；

こんばんは、ブーパパさん。
ご質問の件に関して記事を掲載しましたのでこちらをご参照下さい。

引用部分(Qタグ)のデザインを変える
http://10plate.blog44.fc2.com/blog-entry-102.html

Qタグも標準でデザインするべきでした。これを次期バージョンアップ時に反映させようと思います。有難う御座いました。

いたおさん
はじめまして。
自分らしくカスタマイズしたいな～と思い、色々探してこちらのブログにたどりつきました。
ほんとうに解りやすくて項目も多く、見つけたときはコレだ！と叫んでしまいました(笑)。

さて、standard wide whiteをいただいてカスタマイズしているのですが、
こちらの記事を参考にして「記事」部分の背景を画像にしてみました。
うまくできたのですが、日付・CM・TBが記事の枠からはみ出てしまいます。

/* エントリー(記事)スタイル */
.article {
/* ----------------------------------------------------- */
color: #555555; /* エントリー(記事)の文字の色 */
/* ----------------------------------------------------- */
font-size: 80%; /* エントリー(記事)の文字の大きさ */
/* ----------------------------------------------------- */
border: #dddddd 1px solid; /* エントリー(記事)の外枠 */
/* ----------------------------------------------------- */

background-image : url("画像URL"); /* 背景画像の設定 */
background-repeat : no-repeat; /* 背景画像を横縦タイル状に並べる */
background-position : right bottom; /* 開始位置を画面右上に設定 */
background-attachment : fixed; /* 背景画像の位置を固定 */

padding: 10px 1em 0;
line-height: 1.3;
margin-bottom: 2em;
position:relative;
}

このようになっているのですがどのように直せばよいでしょうか？

また、プラグインと記事の間などの囲まれていない部分だけ背景をいれたいのですが、可能でしょうか？
このテンプレートでbodyに背景を設定してもまったく表示されません。
このテンプレートでは出来ないのでしょうか？

いきなり色々と質問申し訳ございません。
ご教授いただけると助かります。
よろしくお願い致します。

こんばんは。

先日質問いたしました件、lightframeに変えて解決いたしました。
ご迷惑お掛けいたしました。
これからもいたおさんのサイトにはお世話になりますので、ガンバッテください☆

いまとなってはlightframeのほうがお勧めです。
こんなサイトでよければいくらでも活用してくださいね。

すいません、質問なんですけどプラグイン前にアイコンをつけるなんてことはできないでしょうか？できれば教えてください。

初めまして、質問があります。
ﾌﾟﾗｸﾞｲﾝ本文の背景に画像を表示する方法についてですが、
ﾌﾟﾗｸﾞｲﾝ一つ一つに違う画像を設定したりできるのでしょうか？
よければ教えて頂きたいです。
お願い致します。

こんばんは。はじめまして♪
スタンダードのテンプレをお借りして初めてのカスタマイズに挑んでいます＾＾
わからないことだらけなんですが、プラグインタイトルの背景に画像を貼る方法、よろしければスタンダードフレームでのやり方も教えていただけますでしょうか？
なにしろまったくの初心者ですので応用の仕方がわかりません＞＜
よろしくお願いします。

追記：2009.5.24
ライトフレームの方がお勧めなのかな・・・？
他の記事を読んでいてそう思っちゃいました＾＾
ライトフレームもお借りしてやってみます♪

後日記事にするのでもう少しお待ちください。

lightframeは崩れやすいけど表示が早い
standardは崩れにくいけど表示が遅い
という特徴があります。

現状の表示速度に不満がなければstandardでもいいと思います。

lightframeをお借りしてやってみました。
プラグインタイトル背景はできました＾＾

別件ですが・・・ブログタイトルを画像にしたのですが、その後ろを全体に表示してる背景にしたいのですが、今真っ白状態なのです。
すみません、ド素人で＞＜
お時間があるときで結構です。
私も自分で調べてみますね。

これだけカスタマイズできればド素人なんかじゃありませんよ＾＾

HTMLの下記の赤い行を削除してください。

/* ▼ ヘッダー ▼ */
～
#header_body {
background-color:#ffffff; /* 背景色 */
～
/* ▲ ヘッダー ▲ */

度々すみません。
ＨＴＭＬのヘッダーの部分にその文字が見当たらないのですが・・・。
ちなみにこうなっております。
画像を入れる位置が間違ってる（？）のでしょうか。

<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="http://blog-imgs-29.fc2.com/m/a/k/makiwm/20090524202103d8c.jpg" border="0"></a></h1>
<div class="intro"><%introduction></div>
</div><!--/header-->
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->

HTMLでは無くスタイルシートのほうです。

ありがとうございます！
できましたー＾＾

ちゃんさんありがとうございます。スタイルシートの説明なのに間違ってHTMLと書いてしまいました＾＾；

まりもさん、解決して良かったです。お手間をかけさせてしまってすみませんでした。

とんでもありません！
私のほうこそすぐ気付くべきなのに・・・おバカです＞＜

またまた質問よろしいでしょうか。
カラムをもう少し中央に寄せたいのですが、（厳密に言うと記事のカラムと真ん中のプラグインを右に寄せたいのです！）どうすればいいでしょう？

記事を左カラム、プラグインを中央と右カラムに表示する
http://10plate.blog44.fc2.com/blog-entry-110.html

こちらのカスタマイズをされていますが、計算が合っていない為に隙間が空いてしまっています。

現在、
#outline {
width : 1000px;
margin : 0 auto;
}
#center {
width : 550px;
float : left;
}
#left {
width : 200px;
float : right;
}
#right {
width : 200px;
float : right;
}
#center-left {
width : 756px;
float : left;
}

となっているのを、
サイト幅を変える(lightframeシリーズ)
http://10plate.blog44.fc2.com/blog-entry-78.html
に掲載されている方法で計算して数値を入れれば解消されると思います。

ちなみにプラグイン部分を200pxで固定するのであれば赤字の部分を775にすれば直ります。

詳しい説明ありがとうございます＾＾
あの・・・もう少しカラムとカラムの間を詰めたいんですが、そんなことってできるんでしょうか？
できればカラムの間を狭くして中央寄せにしたいんです。
細かくってすみません。

#center {
width:580px;
float:left;
}

～

#center-left {
width : 790px;
float : left;
}

とすると私のブログの隙間と同じ(10px)になります。

あとヘッダー画像の表示位置なのですが、左に寄っているようなので

<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<%blog_name> トップページへ"><img src="http://blog-imgs-29.fc2.com/m/a/k/makiwm/20090524202103d8c.jpg" width="900" height="200" alt="<%blog_name> トップページへ" /></a></h1>
<div class="intro"><%introduction></div>
</div><!--/header-->
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->

に変えてみて下さい。
真ん中に表示されます^ ^

できましたー！！
バランス良くなりましたー！！！
ありがとうございます。
とても親切に書いてくださってたので初心者の私でもなんとかできました。
感謝です！！
なんだかテンプレカスタマイズにはまりそうですｗｗｗ

ちゃんさん、親切なコメント本当にありがとうございます。
m(__)m

まりもさん、解決して良かったですね。カスタマイズは楽しいですよ。

度々、すみません。
プラグイン３にフリーエリアを二つ入れてます。

先日、一つだけに背景を入れる方法を教えていただいたんですが････
上手く行きません･･･

【Romantic Baby...】の説明書を一度開いてみて下さい。

画像自体は530×331なんですが、開くと何故か余白が出来てしまいます。

【Romantic Baby...】の説明書のプラグインHTMLを<div class="test">～</div>で囲んで、スタイルシートに

.test {
background-image: url("http://～画像URL～");
}
を加えたんですが･･･上手く行かないんです。

この余白をなくして、きれいに画像が治まる方法などあれば教えていただきたいです。

スタイルシートに追加する場所が悪いのでしょうか？
それとも何か抜けているのでしょうか？？

お暇な時で結構なので、お願いします!!

何度も何度もすみません･･･

.test {
background-image: url("http://～画像URL～");
padding:0px;
}

としてみて下さい。

アドバイスありがとうございます！

padding:0px;を付け足してみましたが･･･
ダメでした･･･

私のやり方が悪いんでしょうね（´＿｀｡）
すみません・・・

> ハンナさん
背景画像は引き延ばして表示することができません。お手数ですが丁度いいサイズの画像を用意してください m(__)m

> ちゃんさん
いつも助けてくれてありがとうございます＾＾

画像が小さいということだったんですか･･･

いつもお手数おかけしてすみません。

ありがとうございました！！！

試しに画像だけ表示してみたら十分大きいですね。
誠に申しわけありません m(__)m

.test {
background-image: url("http://～画像URL～");
width:100%;
}

としてみてください。
これでもし崩れるようなら
width:400px;
等、固定値にしてみてください。

わざわざありがとうございます！！

width:100%;を加えると画像がさらに小さくなり、
width:400px; 画像が530なんで530にしたんですけどそれでもきれいに収まりませんでした（笑）

数値を変えてみてもダメでしたー。
ホント頭が悪いもんで･･･

左に余白が出来て、右にはみ出すんですよね･･･
positionをcenterにしてみたり色々試してみましたが･･･

お手上げです（笑）

色々アドバイス頂いたのに出来なくってすみません
（´＿｀｡）
向いてないかもしれないですねー。

でもこれからも利用させてください★
本当にありがとうございます！！！

他にも色々なカスタマイズに挑戦させてくださいね！

度々申しわけありません m(__)m

testの外側を囲んでいるplugin3_bodyに、パディング(内側余白)を設定しているのが原因でした。

.plugin3_body {
～
padding:5px 20px;
}

これは上下に5px,左右に20px余白を作ることを意味します。
これを削除すれば背景画像まわりの余白がなくなります。

ただし副作用があって、全てのプラグイン３の内側余白が無くなってしまいます。その副作用が構わないのであれば消してください。m(__)m

ありがとうございます！！！
キレイに表示されました！

内側余白はスペースを入れたりして工夫してみます！！
本当にありがとうございます！！！

これからもちょこちょこお邪魔させていただくと思いますんでヨロシクお願いします！

本当に助かりました！！

ありがとうございました！！

良かったです。何度も修正方法を間違えてすみませんでした＾＾；

自分の設定だめみたいで
.plugin1_body {
font-size:10pt; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */]
border-top:#cccccc 1px solid; /* 飾り線(上)(本体) */
padding:5px 5px 10px 5px;
line-height:1;
}
background-image: url(http://blog-imgs-27.fc2.com/r/o/x/roxsmikan/v_miku0071233.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

コメントには毎回URLを入れてくれるほうが助かります。
そのほうがすぐに現状を確認できますので。

http://roxsmikan.blog54.fc2.com/

すいません。

共同ブログの方です。

あと、プラグインのタイトルの幅か変えたいです。

スタイルシートの次のクラスに、閉じカッコ「}」が２つ存在します。余計な閉じカッコを削除してください。

.plugin1_title
.plugin1_body
.plugin2_title
.plugin2_body

さらに .plugin1_body の background-color を指定している行の末尾に、異物 ] があるので削除してください。

この修正後、プラグインタイトルの幅にも変化があるはずなので、まずそれを見てみてください。

カスタマイズを重ねたテンプレートの不具合原因を探し出すのは大変です。「複製」でコマメにテンプレートのバックアップを取りながらカスタマイズを進めてください。

どうもです。

.css見てくれたんですね、どうも

どうも×2

私も、それで、他のサイト、参考にしているので！


バックアップとりながらしますね！
お世話になりました。

修正されたようですね。
ちなみに「メニューをマウスオーバーするとタイトル背景が変わる」にも追記しましたが、ヘッダー背景にimg[0]の画像を設定すると自然な感じになると思います。

ヘッダー背景に画像を表示する
http://10plate.blog44.fc2.com/blog-entry-105.html

いつもお世話になっています。
住んでいる町の雰囲気に合わせて、ちょっとトロピカルな雰囲気を出そうと私もやってみました。
いたおさんのお陰で、私でも簡単に出来ました。
有難うございます。

カスタマイズが順調に進んでますね。
良い雰囲気が出てますよ＾＾

いたおさんいつもおつかれさまです。
プラグインの背景は画像にできたのですが、
コメントタイトルの背景の画像化
記事のタイトル背景の画像化、
記事タイトルの文字色の変更の仕方を教えてください。

よろしくおねがいします。

コメントタイトルは
.comment_title {
background-image: url(http://～画像URL～);
}

記事タイトルは
.ently_title {
color:#cccccc; /* 文字の色 */
background-image: url(http://～画像URL～);
}

となります。
スタイルシートの中に(.comment_title)や(.ently_title)の記述があるのでそこを編集してください。
見つけられなければスタイルシートの末尾に加えてもいいです。

いたおさん、ありがとうございます。
コメントタイトル、記事タイトルの背景は画像にできました。
ただ記事タイトルの色だけは追加しても白に固定されてしまっているようです。
何か間違ってるのでしょうか？

.ently_title {
color:#111111; /* 文字の色 */
font-size:10pt; /* 文字サイズ(記事タイトル)*/
background-color:#000000; /* 背景色 (記事タイトル)*/
text-align:left; /* 左寄せ (記事タイトル)*/
border-bottom:#000000 1px solid; /* 飾り線(下)(記事タイトル)*/
padding:5px 20px;
margin:0;

}

すみません、スタイルシートに以下のような箇所があるはずです。そこを変えてください。

/* エントリー（記事）タイトル */
h3 a:link,h3 a:visited,h3 a:active,h3 {
color:#000000; /* 記事タイトルの色 */
text-decoration:none;
}

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

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

http://10plate.blog44.fc2.com/blog-entry-67.html

こちらのプラグイン３を常に表示を使わせていただいているのですが
トップページでは画像の表示がされるのですが
個別ページに切り替えると、画像が表示されないのですが
解決方法はないでしょうか

表示されてました
お騒がせしました。

トップページしか表示されないということは、その記事の赤い部分が消せていない可能性があります。間違ったところを消していないか確認してください。

質問に関連する記事があるときは、その記事にコメントしてもらえると助かります。

【追記】
コメント投稿が重なってしまったようです；
解決して良かったです。

lightframe、カテゴリのツリー化折りたたみ等大変便利に使わせて頂いております。ありがとうございます。

プラグイン1の二番目の項目（当ブログのプロフィール下、最新記事）の背景色が何故か白で表示されません。

当方html、css初心者故、努力はしたもののお恥ずかしながら改善できませんでした。
無知故に強引にアマゾンウィジェットなどを組み込んだので、そのあたりが原因なのかと思っています。

お時間ありましたら助言頂けると嬉しいです(´Д⊂

記事のタイトル内にダブルクォーテーション「"」が含まれています。それを&quot;と置き換えてみてください。

記事タイトル内をいじってみたのですが解決せず、http://10plate.blog44.fc2.com/blog-category-14.html#entry274
こちらの記事を参考にさせて頂き編集をしてみたところ無事解決しました。
プラグイン1の最上部、プロフィール欄に埋め込んだメールフォームへのリンクタグの入力ミスが原因でした。

大変ご丁寧に答えて頂いてありがとうございます。これからもテンプレート工房さんを参考にさせて頂きたいと思います。

いたおさんありがとうございました<(_ _)>

参考になって良かったです＾＾

いたおさん、最近ここにたどり着きました！すごいですね！私のようなド素人でも、ここに書かれている通りにやればあ～ら不思議！ちゃんと出来ちゃうんですね～。感動！！ところで、プラグイン全体の文字サイズを変えたりする事は出来るようなんですが、個々のプラグイン別にスタイルを変更する事は可能ですか？例えば、プロフィールだけの文字サイズや色を変えたり、カテゴリーだけの文字サイズを変えたり・・
よろしくお願いします。

お役に立てて良かったです＾＾
個々のプラグインのスタイルを変えるには、プラグインHTMLを編集して変えたい部分を<font>タグで囲んでください。

<FONT>－HTMLタグリファレンス
http://www.htmq.com/html/font.shtml

すご～い！出来ました！ありがとうございました！

出来て良かったです＾＾

お初です!
このタグはデコログにも使用できますか？

この記事のタグは当サイト配布の共有テンプレート用のため、デコログでは利用できません。申しわけありません。

このコメントは管理者の承認待ちです

こんにちは！初めまして！

プラグインの背景を設定したいのですが、
下まで背景が設定されません...

どうすれば全部背景にできますか？

#outlineにも背景画像を設定してみてください。

#outline {
background-image: url("画像URL");
}

設定できました＾＾★

すごく助かりました！
ありがとうございます！

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

題名:

名前:

URL:

COMMENT:

現在休止中で管理人はコメントに答えることが出来ないことをご了承くださいm(__)m

PASS: SECRET:管理者にだけ表示