paper bag

只今新着テンプレートでチェックし、こちらのテンプレートをダウンロードをさせていただきました、シルフィーと申します。はじめまして〜。
win xp、IE6.0 です。
テンプレートの差し替えをしまして、一つ気になる箇所がありましたので、教えていただけますでしょうか？

絵文字を使うと、その行の上下の行間が広がっており、行を１段空ける場合と空けない場合の中間くらいの行間ができて表示されているようです。
見た感じ、行間のメリハリがあいまいになるので、できれば絵文字を使用しても、絵文字が無い場合の行間と同じに一定にさせたいのですが、どうすれば良いのでしょうか？
お願いします。

はじめまして。
テンプレートお使いいただきましてありがとうございます。

さて、絵文字の行間ですが、記事内の絵文字は画像として認識されるため、↓のmargin値がきいてしまってます。画像の上下左右に10pxの余白を入れるという設定です。
.entry_body img {
padding: 0px;
margin:10px;
（略）
}

↑のmarginを0pxにすれば、余白がなくなるはずですが、そうすると他の画像の余白もなくなってしまい、文章と密接してしまうと思いますので、スタイルシート最後の方にある↓にmargin:0pxを付け加えてみてください。

img.emoji{
vertical-align:middle;
border:0;
margin:0px;
}

私の環境ではこれで問題を解消できましたが、Win/IEで確認ができませんので、一度お試しください。もし無理そうであれば、最初のenbry_body imgのmarginを修正していただくことになります。

私は普段絵文字はまったく使わないので、今回の質問はとても助かりました。
テンプレートに修正を加えて上書き登録しようと思います。ありがとうございました。

早速のお返事、たいへんありがとうございました。
お教え下さった様に追加しまして、綺麗に思い通りに修正ができました。
うれしいです。ありがとうございました♪

このテンプレートは、全体的にシンプルな上に、記事本文のデザインが洗練されており、そしてとてもすっきりと見やすくて素敵です。＾＾
私の周りでもpb様のテンプレート使用者を２人知っています。
これからも素敵なテンプレートの作成・配布をして下さるととてもうれしいです。(*＾＾*)

こんにちは。

うまくいったようで良かったです。
自分だけでは気付かない問題点だったので、こちらこそありがとうございました。すべてのテンプレートに修正を施して上書き登録させていただきました。

ご友人さまたちにもぜひ修正方法をお教えくださいませ♪

大人っぽい赤のペンプレートと美しい画像が
気に入り、ダウンロードさせていただきました
あずと申します。
編集はmozilla　表示はsafariにて。
ヘッダ画像をカスタマイズしたく、ご質問させて下さい。
スタイルシートのヘッダー　background-image:url部分以下にオリジナル画像のアドレスを入れ、
プレビューで表示すると出てくるのですが、
更新をクリックするとまた元の画像のままです。
どのようにカスタマイズしたらいいのか、
ご指導いただけないでしょうか？

はじめまして。
テンプレートお使いいただきありがとうございます。

ヘッダー画像ですが、早速、ブログを拝見させていただきました。
バレリーナの画像ですよね。
ヘッダ画像を入れる場所は間違っていません。
background-image:url
("ttp://ww.xxxxxxxxxx.jpg");

最後の「;」が消えてしまってるようなので、ご確認ください。
こちらの環境では、これを入れたところ、あずさんの画像が並んで出てきましたので。

また、プレビューで反映されたものが、実際の表示では出てこない場合は、ページの「再読込（更新）」をしてみてください。

それから老婆心ながら…メニュー、メインとも幅を広げられていますが、記事内に使われている画像幅も大きすぎるため、もしかしたらWin/IEで記事がすべて下に落ちてるかもしれませんのでご注意くださいませ（よくあることですので）。ご確認済みでしたらご容赦ください。

pbさま、初めまして。
早速に素早いご回答をいただきましてありがとうございます。
ヘッダ画像の件、ご指導下さった通りに修正して
解決致しました。ちょっとしたことでなかなか前に
進めない事ってよくあります。
ありがとうございました。
また、表示幅？の件ですが、老婆心どころか、
仰る通りでIEで確認致しましたところ、やはり落ちていました。
慌てて、コラム配分をいじってみましたが、
なかなか良い塩梅に行きません。
アップ画像はこれから小さくして行きたいと思いますが、
もし、何か具体的な数字でアドバイスでいただけるようであれば
宜しくお願いします。

とても丁寧、迅速なご回答、とても嬉しく拝見いたしました。

ごめんなさい。もうひとつ、宜しいでしょうか？
メニュー欄のコメント履歴をクリックすると、記事下のそれぞれの方の
コメントの位置に飛ぶように設定されていますが、
実は、時々、とんでもない過去の記事へとリンクして行ってしまう
時があります。
その後、もう一度名前をクリックするちゃんと飛びます。
またカーソルを名前に置いても、初めてリンクへ飛ぼうとする時に
指マークが出ない場合があるのですが、どこの不具合が考えられますでしょうか？
テンプレートとは違う質問であるようなら、失礼をご容赦下さいませ。

カラム落ちと表示幅についてですが、
あずさんの仰る「良い塩梅」が分かりませんので、
基本的な説明になってしまいますが、
まず、pb_decemberは全体のレイアウトは780pxに設定されてますので、
メニュー幅＋記事幅＋余白で780px以内に収めなければいけません。
ですので、１カ所の幅を広げたら、
別の箇所の幅や余白（margin値）を小さくする必要があります。

mainは550px、menuは190px+15pxの左マージン（合計205px）の
余裕があるので、それぞれその数値内での調整をおすすめします。

例えば、
menuのwidhthを200pxにするのであれば、左マージンを5pxに直すというように。

また、記事欄の方は、mainの550pxはそのままに、
.entry_table{
width:520px;
margin: 25px 0px 60px 20px;
}

このふたつの数値内（つまり全体で540px）内で調整してみてください。
main550pxとの差の10pxがmenuとの余白となっていますので、
もちろん550pxにして、左マージンを0pxにしても構いませんが、
その分、メニューとの間隔がなくなります。


カスタマイズに関してはこんな感じですが、
あずさん自身も画像を小さくしていかれるようなので、
これを機に画像の最大サイズを決めてみてはいかがでしょう。
私としても画像に合わせたカスタマイズはあまりおすすめしません。

画像がはみ出ることによってカラムが落ちるというのは、
私のテンプレートに限ったことではなく、
他のテンプレートで同様のことが起きる可能性大です。

半永久的に同じテンプレートを使っていくということであれば、
カスタマイズされるのもひとつの手でしょうが、
今後もテンプレートを変更されていくのであれば、
その都度、画像のサイズに合わせたカスタマイズを強いられることになります。
私も普段自分のブログでは最大横幅450pxの画像を扱っていますが、
実際これがはみ出ない（カラム落ちしない）
共有テンプレートというのはそれほど多くありません。

ちなみにpb_decemberは
http://paperbag.blog61.fc2.com/blog-entry-75.html
にもあるように、横幅430pxまで確認しております。
最初に説明したように、スタイルシートの数字を計算してカスタマイズすれば、
カラム落ちを避けられるかもしれませんが（もちろん限度はあります）
その分ブログの見栄えが損なわれるかと思います。
（例えば、記事欄を広げた分、メニュー欄がぐっと細くなってしまう、
記事とメニューの間の余白が無くなるなど…
もちろん感じ方は人それぞれですが）。

以上、ご参考まで。

拝見させていただきました。
共有プラグインの「最新の記事＋コメント」ですよね。
確かにページを読み込む場合において正しいコメントに飛ばないようですね。
ただ、私もこのブログに設置してみましたがそのような不具合が出てこなかったので、
残念ながら原因は分かりません。

メニューの各コメントのURLを見ると、
ttp://xxxxxx/blog-entry-49.html#comment888
などのコメント番号が振られており、
コメント欄の各コメントにもちゃんと「#comment888」と
ID付けされてますので、正確にリンクは飛ぶはずなんですけど…。
これは、プラグイン作者さまに尋ねられた方が良いかと思います。

また、青い▲のマークや、コメント下のリスト「年賀状の準備」など、
あずさんご自身でカスタマイズされているようなので、
もしかしたらそこに原因があるのかもしれません。
それから、「指マークが出ない」というのは確認できませんでした。

関係あるかどうか分かりませんが、
HTMLの
＜!-- ▽JUGEMカスタマイズ講座
ツリー化スクリプトVer.２（一部改変）ここから --＞
（略）
＜!-- /ツリー化スクリプトここまで△ --＞
これは、私のテンプレートに組み込まれている、
コメントツリーです。
不要であれば、削除してみてください。

pbさま、
とても詳しく丁寧なご説明をいただき、本当にありがとうございました。
カラムの配分をpbさんのアドバイスいただいたままに数値を買えてみたところ、見事にカラム落ちから脱却しておりました。
実際のところ、テンプレートに関しては全くの素人で、スクリプトの意味が
全くわかっておりません。
わからないなりにあれこれといじっているので、思わぬところで、
表示がおかしくなったりしているんですね。
教えていただくばかりでなく、自分でも出来るだけ勉強して、
カスタマイズ出来るようにしていきたいと思います。
また、コメントリンクについても、テンプレートではなく
プラグインについてなのに、ご丁寧に回答下さってありがとうございました。試しにpbさんのテンプレートに組み込まれているコメントツリーを確認してみたいと思います。

ご理解いただけていると思いますが、念のため。
カラム落ちですが、先日のコメントは「画像が大きすぎるためカラムが落ちてしまう」ことを前提に説明をしましたので、テンプレートのカスタマイズをしても、自分で設定した記事欄の幅よりも大きな画像を扱えば記事欄を押し広げて下に落ちてしまうことは避けられません。それは記事内画像だけでなく、メニューに使われる画像（カウンターやアフィリエイトなどすべてです）でも同じことが置きますのでご注意ください。

それからプラグインの「最新の記事＋コメント」は今回試しに設置しましたが、これと私のテンプレート内のコメントツリーのスクリプトはまったく別のものです。現在、私のブログメニューの上にあるツリーが私が使っているコメントツリーです。これを使う場合は「利用規約」にカスタマイズ方法（のリンク先）があるので、もし良ければそちらを参考にしてみてください。（Newマークなどはつきません）。

カラム落ちについては細部に渡ってご心配いただき、
ありがとうございました。オリジナル画像アップの際には
限度内に納めるよう画像の加工処理をしてから使いたいと思います。
またコメントリンクに関してですが、アドバイス頂いた
ように、コメントツリー部分のスクリプトを試しに
削除してみたところ、今のところうまく飛ぶようになりました。
いつも迅速な回答をありがとうございます。

コメントツリーの件、解決して良かったですね。
画像は最初からサイズの小さめのものを使うのがベストですが、アップロード済みのものは、元の画像を縮小し、まったく同じファイル名のままアップロードすれば上書きされるので、記事を編集せずとも自動的に新しいサイズのファイル（画像）が表示されると思います。ご参考まで。

では。

これからネットショップを始めようと思っているのですが
店長ブログとしてテンプレートを利用することは
商用ということになるのでしょうか？
基本的には日記として使いますが
たまには新商品の解説もしようかと思っています。
その際はネットショップの商品紹介のページに
リンクを貼ろうかと思っています。
いかがでしょうか？

お問い合わせありがとうございます。

こうしてわざわざご連絡いただけると、
（出来るならば、ブログURLも提示していただけると、確認できて助かるのですが…）
多少の商用に関しては目をつぶりたくなります。
あくまでも日記がメインということでしたら、どうぞお使いくださいませ。
ただし、イガラシさんのショップがどのような形態なのか分かりませんので、
失礼ながらアダルト関連の商品でしたら、ご遠慮くださるようお願いいたします。

どうも、素早いお返事ありがとうございます。
ネットショップはTシャツなどを売ろうと考えています。
（本業としてではなく、趣味のレベルです。）
まだサイトは、現在制作中なのです。
ブログの方もテスト的なものしかアップして
おりません。

具体的なモノもないまま質問してしまい、すみません。
本オープンしてから改めて伺おうかと思いますので
その時はよろしくお願いします。

記事などが増えていくと、イガラシさんのブログに適したイメージのテンプレートもまたたくさん見つかると思いますよ。
がんばってください。

ｐｂさんこんばんは。
以前写真の変更のことで質問したくみです。

コメントのフォントを大きくしたいのと、コメントタイトルの前の
♯の表示をなくす方法を教えていただけないでしょうか。
スタイルシートをいじっていますが両方とも直せず悪戦苦闘
しています。。。
よろしくお願いします。

こんばんは。

#を消す方法は、以下のコメント部分を参照してみてください。
スタイルシートではなく、HTMLを修正します。
http://paperbag.blog61.fc2.com/blog-entry-52.html#comment105

それから、ブログを拝見させていただきましたが、
コメント部分が崩れていました。
以下の部分を確認してみてください。
.entry_body {
font-size:12px;
color:#886960;
line-height:200%;
margin:0px 15px ;
padding:0px 10px;
}　←これが誤って消されてしまってるようです。

これが原因でそれ以下のコメント部分を修正しても反映されなかったのではないかと思います。

コメントのフォントは以下の部分を直してみてください。
トラックバックの設定も同じになっていますので、
トラックバックのフォントはそのままという場合は、
「.com_body」と「.tb_body」で別々に書いてください。
（内容はフォントサイズ以外は同じで構いません）。

.com_body, .tb_body {
font-size:12px;
color:#886960;
margin:0px;
padding:10px 40px;
line-height:170%;
}

このコメントは管理人のみ閲覧できます

こんばんは。
わざわざ、ご連絡ありがとうございました。
こちらのブログへのコメントだったので、ちょっと驚きました。
新サイトにはマルディちゃん名義で遊びに行っても良いのでしょうか。
pbはあくまでもテンプレート用なので…。
今後ともよろしくお願いしますね。

ありがとうございました。コメント部分は修正できたのですが、なぜか
追加した絵文字部分のまわりに影ができて表示されてしまいます。
上記部分以外はいじってないのですが、何か関係があるのでしょうか。
なにかわかりましたらよろしくお願いいたします。

こんばんは。

「追加した絵文字部分」というのはどの部分を指しているのでしょうか。

こんにちは。ｐｅｐｐｅｒさんの噴出しのような絵文字をしようしていますが、（http://pepper.oops.jp/）そこの部分だけ表示がおかしくなってしまっています。。
何かを削除した訳ではないのですが、コメント部分を修正
した後に絵文字のまわりに影がついてしまいました。
よろしくお願いいたします。

コメントではなく、本文の絵文字のことだったんですね。

.entry_body img {
padding: 0px;
margin:10px;
border-top: 1px solid #FFF;
border-right: 1px solid #BBB;
border-bottom: 1px solid #BBB;
border-left: 1px solid #FFF;
}

上記の部分を削除してください。その際、本文中の画像すべてのborderが消されてしまいますが、特に問題はないかと思います（他の写真などをよくご覧くださるとborderによって画像に影をつけ立体的に見せてることが確認できるかと思います）。

今回は「追加した絵文字＝画像」でしたので、回答させていただきましたが、一応お断りしておきたいのは、私は私が手を施した（作成した）テンプレートについての不具合やカスタマイズについての質問は受け付けますが、ユーザーさんご自身で追加されたもの（外部サービス）に関しては、基本的にユーザーさんとその「追加したもの」の作者さんとの間で解決されるべきだと考えております。

と言うのは、「絵文字を追加した」という説明のみでは、私にはどのように絵文字が追加されたのか、もしくは何かしらの「機能」を追加されたのか、まったく検討がつかない為、私自身が提示された絵文字のサイトとくみさんのブログ（私が関知せぬ絵文字がついてるブログ）を検証することになり、これはサポートではなくサービスとなってしまいますよね。この点についてはご理解いただけるようお願いいたします。

このコメントは管理人のみ閲覧できます

こんばんは。

私の書き方もマズかったと思いますが、ちょっと誤解されてるかもしれませんので補足いたします。「この質問は私にするべきではない」と書いたわけではなく、結果的にはですが、今回の質問内容そのものはまったく問題ありませんでした。テンプレートを修正して解決できることでしたので。

ただ、いきなり「追加したもの」や、「こちらのサイトの…」などのように言われてしまうと、私がその絵文字について調べない限りは「それは私には分かりません」となってしまいますよね。

「○○さんの××を追加したのですが…」ではなく、「記事を書いた時に、ここにこのような絵文字をこのように貼り付けてるのですが…」と、ご自身が記事を書いた際に入力したものなどを具体的に提示ししていただくと、私としてもそれがテンプレートに原因があるのか否かの判断ができるので助かるんですね。私のテンプレートに原因があるのであれば、今回のようなサポートができますから。その（質問方法）違いについてご理解いただけたらと思いました。

何はともあれ、修正できたようで良かったです。
他にも何か問題が出てきましたらどうぞご遠慮なく。

このコメントは管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

HPで素材を使用したいとのことですが、
申し訳ありませんが規約違反になりますのでご遠慮くださるようお願いいたします。

理由は利用規約にもあるように、

１．テンプレート（に含まれるものすべてという意味です）は
ブログ用に作ったものであり、FC2ブログのみの使用とさせていただいております。

２．私は素材を配布しているのではなく、テンプレートを配布してます。
ですので、私が作った素材は私のテンプレート（HTML＋CSS）ありきで使われるものであり、
たとえFC2ブログであっても、他のテンプレートでの使用は素材の流用になります。

私のテンプレートは素材にこだわっておりますので、
申し訳ありませんがご理解いただけるようお願いいたします。

このコメントは管理人のみ閲覧できます

ご理解いただきましてありがとうございます。
素材サイトは無数にありますから、Wさんの理想の素材もきっと見つかると思いますよ。
HP作りがんばってください。

はじめまして
pb_december　の色合いが
とても素敵なので是非お借りしたいと
思っているのですが

一つ質問です
私はIE6.0を使っているのですが
ダウンロードページでプレビューしてみると
記事の本文がすべて太字　のように
なって見えるのですが

こちらのｐｂさんのところで見るプレビューは
ノーマルの太さで表示されます。

記事で＜ｂ＞を多様するので
どうしたらこちらのサイトで見るような文字の太さに出来るか教えていただけないでしょうか

よろしくお願い致します。

はじめまして。

あまり関係ないかと思いますが、テンプレート内にミスがありましたので、上書き登録しました。そちらを再度試してみてください。

こちらでもIE6.0で自分のいくつかのブログを確認してみましたが、フォントの太さは正常に表示されました。

ダウンロード画面でプレビューした際に表示されるものと、このブログのメニューにあるテンプレート一覧からプレビューされるものの中身（HTML+CSS）は同じものですので、みくさんの記事内にタグミスなどがないか、確認していただけませんでしょうか。ブログURLを提示していただけませんと、こちらからもこれ以上の回答はつけられませんのでご了承ください。
また、解決された場合は、その旨ご報告していただけると助かります。

このコメントは管理人のみ閲覧できます

こんにちは。
ブログ拝見させていただきました。

WEB CLAP以下が太くなってますよね。
ということは、そのあたりがあやしいです。

私もHTMLのチェックは苦手な方なので、いまいち自信はないんですが、
ざっと見たところ、

カウンターの最後の方が、
<strong><a href="略" title="無料カウンター"></a>

となっているようです。
この<strong>を削除してみてください。

それから太字とは関係ありませんが、
WEB CLAPのバナーですが、
<center>の位置（入れ子状態）がおかしいようです。
バナーのタグの前に入れてください。

他にも入れ子がおかしくなっている箇所があるようです。
タグを入れ子にする場合は、
<a><strong></strong></a>とします。
これが、
<a><strong></a></strong>という状態になっていないか、など確認してみてください。
レイアウトの崩れの原因になりますので。

ｐｂさま

カウンターの<strong>を消しただけで
きちんと表示されるようになりました。

HTMLのチェックなどという
ご面倒をおかけしてしまい申し訳ありませんでした。

おかげで素敵なテンプレートを
一つのモヤモヤもなく使わせていただくことができるようになりました。

とりあえず入れ子の方はウチに帰ってから
見直してみることにします。

感謝してもしきれません。本当に本当に
ありがとうございました！！

新作も楽しみにしております。

こんにちは。
ほんとだ、直りましたね。
また同じことが起きた場合は、
プラグインや記事を１つずつ「非表示・下書き」にしてみてください。
そうすれば、どこに原因があるか絞り込めるかと思います。

＊以下は1/3/2007にひみつコメントとして質問いただいたものをRocoさんのご了承を得て、pbが再投稿させていただきました。


pb_plainをお借りしております。

利用規約に以下のような説明がありましたが、

素材はできるだけご自身で保存し、アップロードしてお使いください（その場合でも著作権は放棄しませんので、加工・再配布は固く禁止させていただきます）。FC2のサーバが落ちたり、こちらのブログが閉鎖したことにより、テンプレート内の画像・素材が突然表示されなくなっても当方は一切の責任を負いません。

下線部分のやり方が分かりません。
といいますか、こういったことが出来るということも
こちらを拝見するまで知りませんでした。
自分で保存すれば、こちらのブログが閉鎖されても
使用出来るということですよね？
ぜひ、ご教授頂けませんでしょうか？

アドミニボタン等を削除させて頂いた後ですが、
（あのボタンはどなたでも管理者のページに
入れるものなのでしょうか？
よく分からず、少し怖かったので、
カスタマイズさせて頂きました）
このテンプレートは大変、気に入っておりますので、
どうか、アドバイスをお願い致します。

OS・・・Win
ブラウザ・・・IE

よろしくお願い致します。

上のRocoさんから質問をいただいた際に、
Rocoさんのブログへpbが返信した内容です。

Rocoさんはじめまして。
pb_plain作者のpbです。
諸事情によりしばらくブログをお休みしますので、
申し訳ありませんがこちらでお返事させていただくことにしました。

まず、「素材を保存→アップロード」ですが、
例えば素材の部分（pb_plainでしたら壁紙の１つしかありませんが）で
右クリックをすると「画像を保存」ができると思います。

＊普段IEを使っていないので、正確には「画像の保存」だったか
「別名で保存」だったかは忘れてしまいましたが、その手のことができます。
方法が分からなければ、CSS内にある素材URLを表示させて保存でも構いません。

background-image:url("http://素材URL");

↑こんな部分です。

画像をご自身のPCに保存したら、
普段Rocoさんがファイル（画像）をアップロードしているようにアップロードします。
すると、素材（画像）のURLができますよね。
それをテンプレートのCSS内の該当部分（↑に示した部分）に置き換えるだけです。

ちなみにCSSとはテンプレート編集画面の下の枠です（上の枠はHTML）。

次に「admin」ボタンですが、これは公式テンプレートでも
「管理者ページ」などのような部分があります。
（通常はプラグインの「リンク」の中にありますので、
ほとんどのブログにはどんな形であれ、同じものがついています）。
Rocoさんのブログにもメニュー一番下に「管理者ページ」が
設けられていますよね。それとまったく同じ機能です。

確か、ログインした状態で管理者以外の人がクリックすると、
自分のブログの管理画面に行き、
ログインしていない外部の人がクリックした場合は、
IDとパスワードの入力が求められます。
いずれにせよ、外部の人間が自分のブログの管理画面に入れるということは
ありませんのでご安心ください。
私のブログのadminをクリックしていただければ分かるかと思います。
また「記事を書く」ボタンも同様に、
他の人間に記事を書かれるということもありません。

もしご不明な点があれば、再度「ひみつコメント」にてご質問ください。
では失礼いたしました。

pb

＊1/3/07にRocoさんからご返信をいただいたものを、公開します。

お休み中にも関わらず、返信をありがとうございました。
アドミニボタン等、使わせて頂いております。
壁紙も保存させて頂きました。
本当に素敵なテンプレートをご用意頂き、
ありがとうございます。
かなり気に入っていますので、しばらく使わせて
頂くと思いますが、今後の作品も楽しみにしております。
本当に、ありがとうございました。
では、では。