スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--:-- | スポンサー広告 | edit | page top↑

質問はこちらまでパート4

コメント数が増えましたので、「質問はこちらまでパートx(最新)」へお願いします。
スポンサーサイト

01:15 | 質問はこちらまで | comments (47) | trackbacks (0) | edit | page top↑
<div>~</div>の使い方(フリーエリアのカスタマイズ) | top | pb_guitarcaseをリニューアルしました。

comments

# pb_aprilのレイアウト
pbシリーズが大好きで色々お借りしています。
今回のaprilも早速ダウンロードさせていただき、ヘッダーの画像をオリジナルに変更して使わせていただきました。

ある条件の時にレイアウトが崩れてしまうようなので、ご報告いたしますのでよろしくお願いします。

ある条件とは、一件目の記事を「続きを読む」に設定すると、レイアウトが崩れてしまうようです。
自分で修正できないものかと工夫してみたのですが無理でした。 お忙しいでしょうが、修正のほどよろしくお願いいたします。
nagatanさん | 2007/05/05 01:09 | URL [編集] | page top↑
# nagatanさんへ(レイアウトの崩れ)
はじめまして。
テンプレートお使いいただきありがとうございます。

質問の際は必ず閲覧環境を提示していただけるようお願いしますね。
恐らくIEだと思いますが、Macからですと、トップページからして既に崩れています。こんな感じです(画像は問題が解決次第削除します)。

http://blog61.fc2.com/p/paperbag/file/pb_user01.jpg
http://blog61.fc2.com/p/paperbag/file/pb_user02.jpg

「次のページ」からはきれいに表示されてますので、トップページ(つまり記事)に問題がありそうです。記事を1つずつ「下書き(非表示)」にし、正常に表示されたら、その「下書き」にした記事に問題があるということになります。
ただ、崩れ方を(上の画像)を見る限り、「GW前半」の記事内があやしいです。いまいちど記事内のタグを見直してみてください。<div>の閉じ忘れなどはありませんか?

また、この記事にも書いてありますように、HTMLに手を加えられた場合はこちらからのサポートができませんので(nagatanさんがタグミスをされてる可能性も否めないためです)、カスタマイズされたテンプレートに問題があると考えられる場合は、お手数ですが再度ダウンロードしていただいた上で(HTMLをいじる前に)再度ご質問いただけるようお願いいたします。
pbさん | 2007/05/05 02:11 | URL [編集] | page top↑
# 解決しました
早速のサポートありがとうございます。
閲覧環境提示等、申し訳ありませんでした。(IEです)
記事を書く際に画像を中央にしたいために、いつも<div align="center"></div> を挿入しています。
はじめは追記ではなく 全てをupしていたのを 追記にわけたところ タグが抜けてしまったようです。
単純なミスで煩わせてしまい、ほんとうに申し訳ありませんでした。

修正して解決いたしました。 お手数をおかけいたしました。
nagatanさん | 2007/05/05 14:08 | URL [編集] | page top↑
# nagatanさんへ
こんばんは。
きれいに表示されてますね。良かったです。
タグの閉じ忘れなどは私もよくやってしまいます~。

今後「おかしいな」と思うことがあれば、他のいくつかのテンプレートでもプレビュー(必要に応じて、一時的に変更)してみてください。テンプレートを変えても同じ現象が確認できるのであれば、記事やプラグインの中身に問題があることが分かりますし、特定のテンプレートだけであれば、そのテンプレートが原因だということが分かりますので。

では。
pbさん | 2007/05/06 01:08 | URL [編集] | page top↑
# きのう小林が、サ
きのう小林が、サポートしなかった?
pbがテンプレートもサポートするはずだったの。
BlogPetの小林さん | 2007/05/07 15:43 | URL [編集] | page top↑
# 教えて下さいm(_ _)m
OS:WinXP
ブラウザ:IE 6.0
テンプレート名:pb_plain

おはようございます。
行き詰ってしまって申し訳ないのですが、ご教授いただければありがたいです。
サイドバーにこちらにもある(「共有テンプレート」というやつです)ようなスクロールバーを追加したフリーエリアを設けたいのですが、CSSへ例えば
「#freearea {
    overflow: auto;
    height: 200px;
}」
を入れる際に、どの辺へ入れれば宜しいのでしょうか。
プレビューをしても、どうしても上のタグが出てきてしまいます。
プラグインのHTMLは、<div class="xxx"></div>で囲っているのですが、何を書き直したらいいのか分からず・・・。
お忙しいと思いますが、宜しくお願いします。
さん | 2007/05/18 06:07 | URL [編集] | page top↑
# 葵さんへ(スクロールバーについて)
こんにちは。

class名の場合、CSSには

.freearea {
    overflow: auto;
    height: 200px;
}

このように、「.」ピリオドをつけます。
「#」をつけるのは、「id="freeare"」の場合です。入れる場所はどこでも構いません。同じ記述がある場合、後(下)にあるものが優先されます。

ところで、

プレビューをしても、どうしても上のタグが出てきてしまいます。

とはどういう意味でしょうか。CSSの内容が(例え間違っていても)ブログ上に表示されることはないはずなんですが。

うまくいかないようでしたら、カスタマイズしたフリーエリアのHTMLの部分をそのままコピペして教えてください。そしてその状態のまま、質問くださいませ。
pbさん | 2007/05/18 12:31 | URL [編集] | page top↑
# リンク が反映されません
はじめまして、pbさんのテンプレートとてもシンプルで
気に入りました。使わせて頂いてます。

初心者なのでどこまで出来るかわかりませんが
質問させていただきます。

リンク項目に画面上送信してもブログの上に反映されないのですが、どうしたらいいでしょう?
同じ様にブログ内検索もこちらのブログ内検索のように表示したいのですがどのようにしたらいいのでしょうか?

OS:Win98
ブラウザ:IE 5.5
テンプレート名:pb_plain



なおさん | 2007/05/23 01:56 | URL [編集] | page top↑
# なおさんへ(リンクなど)
はじめまして。

こちらから確認した限り、問題はないようですが、
pb_plainは
http://paperbag.blog61.fc2.com/blog-entry-73.html
に書いてあります通り、メニューのプラグイン2と3は折りたたみになっているますので、もしかしたらなおさんはそれに気付いていないのかも?と思いました。
「リンク」や「ブログ内検索」の部分をクリックすれば、表示されますので、ご確認くださいませ。

それから、1つ気付いたのですが、
背景を白い色に変える場合は、

background-#ffffff("http://blog61.fc2.com/p/paperbag/file/pb_plain001.jpg");


ではなく、

background-color:#ffffff;

としてください。画像のURLは削除されて結構ですので。
pbさん | 2007/05/24 00:59 | URL [編集] | page top↑
# ありがとうございました。
>「リンク」や「ブログ内検索」の部分をクリックすれば、表示されますので・・・・

クリックしてみても表示されませんでした。

でもHTMLのなかを(開いた状態)openに変えると表示されましたので、解決いたしました。(もともとずーっと開いた状態が良かった)

教えていただいた通り、背景色も記入いたしました。

pb_plainの説明を読ませて頂きましたが、私のPCでは対応できないのでしょうか?何か不都合な事が起きるのでしょうか?ふと疑問に思ったので聞かせていただきたいのですが・・・・。何かと初心者者でお手数おかけいたします。よろしくお願い致します。
なおさん | 2007/05/24 15:33 | URL [編集] | page top↑
# なおさんへ(IE5.5について)
こんにちは。

クリックしても表示されなかったのですね。
うーん、恐らくブラウザ(IE5.5)が対応できていないのかもしれません。
開いた状態にされたのであれば、問題はないと思います。

IE5.5ですが、カレンダー部分の表示のされ方が、他のブラウザと若干違うということです。pb_plainの説明に「管理ボタンの位置が下がっている」と書いてありますので(すいません、自分でも忘れてしまってるもので…)、以下の画像を見てみてください。

http://blog61.fc2.com/p/paperbag/file/pb_user.jpg
(この画像は問題が解決され次第、削除しますのでご心配なく)

これは私のMac Firefoxでの表示ですが、Win/IE6.0でもさほど違いはないはずです。IE5.5に関しては私のほうでは確認できませんが、なおさんが見られているご自身のブログと比べてみると違いが分かるかと思います。

ただ、普段なおさんがこのpb_plainを使われていて不都合を感じていないのであれば、特に問題はないと思います。IE6.0を使っている多くのユーザーには、上の画像のように見えてます、ということだけで、不具合が起こるわけではありません。
pbさん | 2007/05/24 16:40 | URL [編集] | page top↑
# 左の項目の並び替えをしたいのと・・・・。
ご丁寧にありがとうございました。
とってもよくわかりました。
そして勉強になりました。

もうふたつ教えていただけないでしょうか?
★左の項目をHTMLのなかで順番を変えてみたのです  が、画面に反映されません。
 どのようにすれば好きなように並び替えれるでしょう?

★コメント画面の確認が面が出ないようにしたいのですが?
 (こちらのブログのPost a comment画面から送信を押した時のように・・・・。)


基本的なことの質問ですみません。
よろしくお願い致します。
なおさん | 2007/05/24 18:32 | URL [編集] | page top↑
# なおさんへ
こんにちは。

ブログの設定というのはテンプレートを替えるごとに、HTMLやCSSをいじるような面倒くさいものではありません。ブログを初めて間もないようですので、まずは管理画面を隈無く見てみてください。色々と細かい設定ができるかと思います。

1つ目の質問ですが、管理画面の「プラグインの設定」から変えます。HTMLにメニューの項目があるのは、プラグイン無効でもお使いいただけるように設定してあるだけで、通常はプラグインを有効でお使いいただけます。

2つ目の質問ですが、同じく管理画面の「環境設定」→「ブログの設定」の中にあります。
pbさん | 2007/05/24 18:53 | URL [編集] | page top↑
# 解決致しました。
よく見もしないで、質問してしまい申し訳ありませんでした。お蔭様で解決いたしました。
親切に教えてくださり、本当にありがとうございました。
なおさん | 2007/05/25 00:44 | URL [編集] | page top↑
# なおさんへ
解決できたようで何よりです。
また何かあれば聞いてみてください。
pbさん | 2007/05/25 00:51 | URL [編集] | page top↑
# こんにちは
ご丁寧に返信有難う御座いました。
時間が出来たもので再度カスタマイズにとりかかったのですが、やはり上手くいかず。。
再度ご教授下さいm(_ _;)m

何か根本的に間違ってるのかもしれませんが、前回はプラグインのHTMLのところに

<!-- &freeareaの中にHTMLが代入されます。 -->
<div class="plugin-freearea" &align>
&freearea
</div>


といれていたのですが、スクロールが表示されないので


<div id="freearea">
<!-- &freeareaの中にHTMLが代入されます。 -->
<p class="plugin-freearea" &align>
&freearea
</p>
<div>

といれなおしました。

そしてスタイルシートの下の方に

.freearea {
    overflow: auto;
    height: 200px;
}

をいれています。

しかし崩れてしまって・・・。
こちらに書いた後も色々とやってみます!
本当すいません。
さん | 2007/05/25 17:52 | URL [編集] | page top↑
# 度々失礼しますm(_ _;)m
今、弄っていたら、スクロールバーが出たもののレイアウトが崩れてしまって。。
上に書いたHTMLはプラグインのHTML編集の中を変更したのですが、今度は設定の変更の中のHTMLに載せている画像URLの前後に、<div class="xxx"></div>を入れて、

#freearea {
    overflow: auto;
    height: 200px;
}

を入れたらスクロールバーが出ました。
.だと出なかったので・・・。

申し訳ないのですが再度ご教授下さいm(_ _)m
さん | 2007/05/25 18:27 | URL [編集] | page top↑
# 葵さんへ(スクロールバー)
こんにちは。

http://paperbag.blog61.fc2.com/blog-entry-97.html
いまいちど落ち着いて↑を読んでいただきたいのですが、

★★★★
<!-- &freeareaの中にHTMLが代入されます。 -->
<div class="plugin-freearea" &align>
&freearea
</div>

これは問題ありません。
ただ、クラス名は「plugin-freearea」ですので、
スタイルシートには、

.plugin-freearea {
overflow: auto;
height: 200px;
}


このように記してください。↑をコピペしてみてください。

★★★★

もし、↓のように余白を入れるのであれば、
.plugin-freearea {
    overflow: auto;
    height: 200px;
}

必ず半角スペースにしてください。(↑はコピペ不可です。)全角スペースだとうまく表示されないことがありますので。私は「タブ」キーを使っています。

このブログの「トラックバックピープル」に上の方法でスクロールバーを入れてみました。確認してみてください。

***

…と書いているうちに2つ目のコメントが入りましたので、
まずプラグインの「設定の変更」は何も変更されないようお願いします。

ちなみに、
#freearea {
    overflow: auto;
    height: 200px;
}
を入れたらスクロールバーが出ました。
.だと出なかったので・・・。


というのは、葵さんが「div id="freearea1"」と入れたからです。ただ、これ、</div>で閉じられていませんね。崩れたのはそのせいです。

この「div id="freearea1"」もとりあえず削除し、まずは一度カスタマイズ前の状態に戻してから、★★★★で囲んだ部分にあるように、HTMLの部分とスタイルシートのみを変更してみてください。

また、ややこしくなるので「div id="xxxx"」や、不要な<div></div>などは使わないように! 上に書いてある通りにお願いします。
このカスタマイズはいたってシンプルなものです。ちょっとしたミスがあるだけだと思いますので、がんばってください。


スクロールバーが正しく設置できたのを確認してから、細かいカスタマイズに移るようにしてください。
pbさん | 2007/05/25 19:06 | URL [編集] | page top↑
# 葵さんへ 追記です
念のため、プラグインの中身のタグ(画像タグなど)の閉じ忘れがないかどうか慎重に見直してみてください。
うまくいかない原因は単なるタグの閉じ忘れだったということはよくあることですので。
pbさん | 2007/05/25 19:22 | URL [編集] | page top↑
# 出来ましたっ!
迅速な細かい説明有難う御座います!
スタイルシートの部分の名前をplugin-まで入れなくてはいけなかったのですね・・・。
失敗するとどんどんパニックになってしまうのでちゃんと落ち着いて何度も読み返すべきでした。
本当に申し訳ない限りですm(_ _;)m

ただ一つお聞きしたいのですが、

もし、↓のように余白を入れるのであれば、
.plugin-freearea {
    overflow: auto;
    height: 200px;
}

とあるのですが、↓と余白とはどの事なのでしょうか。
初心者質問で申し訳ないのですが、宜しくお願いしますm(_ _;)m
さん | 2007/05/25 20:25 | URL [編集] | page top↑
# 葵さんへ(スクロールバーについて)
おぉ、できましたね。良かったです。
今回は元々のフリーエリアのクラス名を使いましたが、必要に応じてご自身に分かり易いクラス名をつけることも可能です。

もし、↓のように余白を入れるのであれば、
.plugin-freearea {
____overflow: auto;
____height: 200px;
}


これは、スタイルシートの書式のことでした。

スタイルシートは一般的に↑のような書式になってるものが多いので、恐らく葵さんもこのコメント欄で見易いように、スペース(下線部分)を入れてくださったのかと思いますが、実際にスタイルシートに入力する場合は、必ずTabキーを使うか半角スペースを用いるように気をつけてください、ということでした。

もちろん↓のように左詰めでも構いません。
.plugin-freearea {
overflow: auto;
height: 200px;
}
pbさん | 2007/05/25 21:16 | URL [編集] | page top↑
# なるほどですっ!
そういう意味だったのですね!
理解力なくてすいませんでした(;´Д`A ```
必ず半角にするように気をつけたいと思います。
分かりやすい説明、本当に感謝です!
次はTBピーブルを、ちゃんと読んで頑張りますですっ!
さん | 2007/05/25 21:39 | URL [編集] | page top↑
# 文字間をほんの少しあけたいのです。
こんにちは、早速教えていただきたいです。
webで検索してみたのですが、どうもわかりません。

文字と文字の間を微妙に空けたいのですが、無理なのでしょうか?何となく文字がつまった感じがして・・・。
もう少しあいていたら、見やすくなるかなと・・・・。
フォントを上げずに・・・・。
腕も無いのにわがままばっかりです。

後もうひとつ教えて下さい。
ステータス部分のトラックバックのカウントを消したいのですがどうすればいいのでしょう、デザイン上禁止であればそれでいいのですが・・・。

IE5.5のPCでいろいろとすると、他の方の画面に変にうつったりしないでしょうか?心配・・・。(よくわかっていない?)
タイトルを画像にしてみようと思っています。


なおさん | 2007/05/26 18:01 | URL [編集] | page top↑
# すみません何度も!
上の文字間の件は解決いたしました。
Macの方にははなれすぎて見えてしまうことも、わかりました。

新たに質問させてください。
左の最近の記事の所は日付が表示される様になってますが、記事に対してのコメント数を表示したいのですが、無理でしょうか?
トラックバックの件とあわせてよろしくお願い致します。
なおさん | 2007/05/27 02:20 | URL [編集] | page top↑
# 葵さんへ
こんにちは。

<div>タグはちょっとしたミスで大崩れするものなので、
あくまでも慎重にがんばってください。
pbさん | 2007/05/27 17:46 | URL [編集] | page top↑
# なおさんへ(トラックバックの数字など)
こんにちは。

トラックバックの数字ですが、前から記事しようと思っていたので、先ほど書いてみました。ご覧くださいませ。
http://paperbag.blog61.fc2.com/blog-entry-98.html
この件に関して分からないことがあれば、↑からご質問ください。

「最近の記事」にコメント数というのは、「記事タイトル(2)」などの表示をしたいということでしょうか。結論から言えば、現状では不可能だと思います。ただ、一般的に考えても「記事タイトル(2)」と表示されても、この「(2)」が何を意味しているのか閲覧者には分かりづらいのではないでしょうか。
そこで、ご希望のものとは違うかと思いますが、共有プラグインに「最新の記事+コメント」というものがありますので、一度ご覧になってみてはいかがでしょう。私自身は共有プラグインはあまりチェックすることがないので、他にも何か見つかるかもしれません。

それから、タイトルを画像にということですが、pb_plainに限ってはそれはお勧めできません。このテンプレートはカレンダーと管理ボタンを設置しているため、通常のヘッダーとは少し異なる組み方がされており、画像の大きさにもよりますが、カレンダー共々崩れる可能性大です。色んなブラウザで確認できる環境にないと、特になおさんの場合はIE5.5ですので、かなり慎重な作業が要されるかと思いますし、場合によっては大掛かりな作業になってしまうため、申し訳ありませんがこちらとしてもサポートできかねます。

ただ、作者の立場から言わせてもらいますと、元々pb_plainはテンプレート名通り、a) ヘッダー画像の代わりにカレンダー、b) シンプルな背景素材、という2箇所に重点を置いてあくまで質素に作ったものでしたので、もちろんカスタマイズされることに何の問題はありませんが、なおさんは背景は白くされていますし、カレンダーにこだわりがなければ(通常カレンダーはサイドバーに表示させるものですし)、他の作者さんのシンプルなテンプレートを使う方がずっと手間が省け、作業もスムーズかと思います。ご検討くださいませ。

ちなみに、これも記事にしようと思っていたものなんですが、
http://screenshots.jp/index.php
色んなブラウザでの表示が確認できるサービスがあります。参考までにどうぞ。
pbさん | 2007/05/27 17:49 | URL [編集] | page top↑
# ありがとうございます。
pbさん、いつもお世話になっております。

■トラックバックの表示の件
消す事が出来ました。

■「最近の記事」にコメント数の件
pbさんがおっしゃる通りあまり必要ないと思いやめる事にしました。

■タイトルを画像の件
良いのかわかりませんが、とりあえず入れてみました。
 実はpbさんのシンプルなテンプレートに出会うまで、目が痛くなるほど(はきそうなほど)探したのですが、気に入るものが無く私からみれば(無知ですが)カスタマイズしたい部分が一番少なく済む(複雑な事も知らずに)テンプレートでありました。
勿論、そのままの方が暖かなイメージのカレンダーと壁紙メインの素敵なテンプレートであると私が思うところであります。かえってもったいない気もいたします。
 壁紙を白にしたのはイラストを中心に載せていく為、白に致しました。pbさんの作られた白のテンプレートもありましたが、やはりこちらのテンプレートがとても気に入りました。その事で作者さんであられるpbさんに大変失礼してしまった事は大変申し訳ありません。
 
他にも何か至らない所があれば教えていただけたらと思います。


■ブラウザでの表示の確認サービス
 とっても便利なものですね。ありがとうございます。
参考にしたいと思います。

このような私ですがこれからもよろしくお願い致します。
(サポートの方ではご迷惑かけることのないようにいたしますね)
使わせて頂いてもよろしいでしょうか?
お返事お待ちしてます。
なおさん | 2007/05/29 08:21 | URL [編集] | page top↑
# なおさんへ
こんにちは。

ヘッダーのカレンダーを外されたのですね。
現状では画像もきれいに入ってるので問題はないかと思います。
色んなところに書いてありますが、カスタマイズされること自体はまったく問題はありませんので気になさらないでください。

…と思ったのですが、ヘッダ画像をクリックすると画像が出て来ますが…?

<h1><a href="<%url>"><img src="画像"></a></h1>

このようにしてみてはいかがでしょう。
pbさん | 2007/05/29 14:18 | URL [編集] | page top↑
# 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
さん | 2007/05/30 01:42 | URL [編集] | page top↑
# ありがとうございます。
良かったです。本当にありがとうございます。

>ヘッダ画像をクリックすると画像が出て来ますが…?

あっ!ホントですね。笑
画像をUPしてそのままのURLをコピーして貼り付けただけでしたから、クリックした後の表示考えてませんでした。笑
早速、直しました。教えていただきありがとうございます。
これからもよろしくお願い致します。
なおさん | 2007/05/30 01:52 | URL [編集] | page top↑
# ひみつRさんへ
わざわざご報告ありがとうございました。
なんだか改まられるとテレくさいです~。

えと、この前の「報告」ですが、Rさんの立場としては当然のことだと思いますので気にされないでください。私としてはFC2の回答は「まあそう言うしかないだろうな」くらいにしか思わなかったので、何も失礼なことなんてないですよ~。

それにしてもRさんのサーバーはどうも調子悪いようですね。
私もRさんがリニューアルした直後にコメントツリーに不具合起こしてるのを見て、Rさんのカスタマイズではなくサーバーが原因だと確信しました。
それから、一部のサーバーではカテゴリーの項目をクリックすると「混雑してます」とか出ることがありますが、これもRさんのところで出たことがありました。

あまりに煩わしいようでしたら(長い目で見た場合のことも考えて)他サーバーに登録し直して引っ越し(インポート)…なんていう手(というか最終手段)もあるかもしれませんね。ただ引っ越し先のサーバーが安定してるかどうかというとなんとも言えないですが…。
pbさん | 2007/05/31 23:15 | URL [編集] | page top↑
# なおさんへ
どういたしまして。
また何かあればどうぞ。
pbさん | 2007/05/31 23:16 | URL [編集] | page top↑
#
はじめまして。aslanと申します。
気に入ったテンプレートをダウンロードしたら、全部pbさんのものでした。
HTMLって何?状態なので、全然違うことをしてしまっているかもしれませんが、よろしくお願いいたします。
OS:WinXP
ブラウザ:IE 6.0
テンプレート名:pb_april
 
公式プラグインの『amazonの商品リストをカテゴリー別に表示する』にスクロールバーをつけたいと思っています。
『スクロールバーをつけたい箇所を<div id="xxxx">~<div>で囲み、CSSで上と同様の指定』となっています。
そこで、プラグインの設定から上記のHTMLを以下の通り変更しました。
<div id="plugin-catamazon">
<div class="plugin-catamazon" &align>
&catamazon
</div>
<div>
すると、レイアウトが思いっきり崩れてしまいました。
どこが間違っているのか、教えていただきたいと思います。
あと、もう既にこの時点で間違っていると思いますが、CSSは
#plugin-catamazon {
    overflow: auto;
    height: 280px;
}
このようにかえればいいのでしょうか?

お手数ですが、上記の質問への回答よろしくお願いいたします。
それと、写真を変えさせてもらいました。
テンプレの雰囲気にあったものを選び、フッターの部分も規約通り変えたつもりですが、間違っているようでしたらご指摘お願いします。

aslanさん | 2007/06/06 02:04 | URL [編集] | page top↑
# aslanさんへ(スクロールバー)
はじめましてこんばんは。
テンプレートお使いいただきありがとうございます。

で、スクロールバーですが、
http://paperbag.blog61.fc2.com/blog-entry-48.html
こちらの記事を参考にしてくださったんですよね。
大変申し訳ないのですが、タグは以下のように囲んでください。

<div id="plugin-catamazon">
<div class="plugin-catamazon" &align>
&catamazon
</div>
</div>

テンプレートが崩れたのは、正確に<div>タグが閉じられていなかったためだと思います。対になる閉じタグには必ず</div>のようにスラッシュが必要なんですが、私の記事中の説明にはスラッシュが入っていませんでした。ごめんなさい。記事は修正させていただきました。

ただ、このプラグインは既に<div class="plugin-catamazon" &align>~</div>で囲まれていますので、わざわざ新たに<div>タグで囲む必要はありません。
スタイルシートに以下を追加するだけで良いかと思います。(追加したdivタグは削除してくださいね。)

.plugin-catamazon {
height:280px;
overflow:auto;
}

スクロールバーではありませんが、divに関しては以下の記事が少し参考になるかもしれません。
http://paperbag.blog61.fc2.com/blog-entry-97.html

フッター部分ですが、デザイン的に写真のみの変更であれば、customized byは必要ないかと思います。photo by aslanとだけしていただければ助かります。
pbさん | 2007/06/06 02:39 | URL [編集] | page top↑
# できました!
早速のお返事ありがとうございます。
無事にスクロールバー設置することができました。
これからもよろしくお願いします。
aslanさん | 2007/06/06 02:46 | URL [編集] | page top↑
# aslanさんへ(スクロールバー)
こんばんは。
お仕事速いですね~。
うまくいったようで何よりです。
pbさん | 2007/06/07 00:54 | URL [編集] | page top↑
# 最新のコメントのツリー化について。
pbさん、こんばんは。
たびたび申し訳ありません。
最新のコメント部分をツリー化しましたが、コメントを書いた人の名前をクリックしても、そのコメントにリンクしません。
(ここで言うなら、「質問はこちらまで4」の「aslan」をクリックしても「ページが存在しません」となってしまいます。わかりにくくてすみません。)
pbさんの記事の通り、プラグインを
<div id="commentlist">
<ul>
<!--rcomment-->
<li><%rcomment_etitle><br /><a href="<%rcomment_link>
#comment<%rcomment_no>"><%rcomment_name>
(<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>
と変更しました。
JUGEMさんのページやFC2の掲示板も読みましたが、あとどこをいじればいいのかわからなくて。
申し訳ありませんが、よろしくお願いします<(_ _)>
aslanさん | 2007/06/07 21:21 | URL [編集] | page top↑
# aslanさんへ(ツリー化)
こんばんは。

ツリー化ですが、テンプレートをいじる必要はなく、プラグインの中身だけを変えていただければ良いのですが、その点は大丈夫でしょうか(HTMLを改変されるとこちらとしてもサポートできかねますので)。

で、こういう場合はまず他のテンプレート(公式共有2つくらい)に変更してみて、同じ現象が起こるかどうか試してみてください。コメントに飛べるかどうかをみるだけなので、ツリー化の有無は関係ありません。他のテンプレートでも「ページが見つかりません」となるのであれば、プラグイン内(または記事内)に問題があります。
他のテンプレートにした場合はちゃんと該当コメントに飛ぶということでであれば、テンプレートのHTMLに問題があると思われます。その場合はテンプレートを再ダウンロードしていただいて、HTMLを元の状態に戻していただくのが一番の近道かと思います。

気付いたこととしては、
ツリー部分の投稿者名のリンク先は通常以下のようなアドレスになるんですが、
http://paperbag.blog61.fc2.com/blog-entry-96.html#comment313

aslanさんのツリー部分をみると、以下のようになっています。
http://aysegul.blog102.fc2.com/blog-entry-57.html%20#comment128

すべてに謎の「%20」という文字列入ってるのでこれが原因でしょう。プラグインの中にこのような記述はありませんか?
< >の閉じ忘れなどで漏れてしまってるのかもしれません。いまいちど見直してみてください。

上にコピペしていただいたタグは実際にaslanさんのプラグインの中からコピーされたものでしょうか。そのままコピペして試してみましたが、こちらでは問題ありませんでした(同じものなので)。
pbさん | 2007/06/07 23:19 | URL [編集] | page top↑
# 最新コメントのツリー化について
度々すみません。
少し自信がなくなってしまったのですが、『プラグインの中身を変える』というのは、『プラグインの編集』→『HTMLの変更』→『上記の通りHTMLを変更する』でいいのでしょうか?
(タグは私のプラグインの中からコピーしたものです)
以上のやり方で、pb_aprilを再ダウンロードして、アクセス解析の設置・追記の開閉・トップの写真の変更をし直して見ました。
再DLしたpb_april(アク析等の設置前と設置後)と別の公式/共有テンプレートでも試してみましたが、「ページが見つかりません」となってしまいます。

>すべてに謎の「%20」という文字列入ってるのでこれが原因でしょう。

ツリー化すると、なぜか「%20」が入ってしまいます。
これがどこから来ているのかわかりません。
これは、どうやって直せばいいのでしょうか?
大変申し訳ありませんが、再びよろしくお願いします<(_ _)>
aslanさん | 2007/06/08 01:42 | URL [編集] | page top↑
# aslanさんへ(ツリー化)
プラグインの設定はそれで大丈夫です。

ツリー化すると「%20」が入るということは、ツリー化しなければ(つまり公式プラグインの「最新のコメント」を使えば)正確にリンク先に飛ぶということでしょうか。この現象は突然起こったものでしょうか。それともツリー化は一度もうまくいっていないということでしょうか。

別のテンプレートでも「ページが見つからない」のであれば、テンプレートの問題とは考えにくいので、やはりプラグインか記事の中身になってくるかと思います。
「%20」ですが、aslanさんの記事の中に「○○%」という文字列が頻出するのも少し気になると言えば気になるんですが、それはさておき、

<div id="commentlist">
<ul>
<!--rcomment-->
<li><%rcomment_etitle><br /><a href="<%rcomment_link>
#comment<%rcomment_no>"><%rcomment_name>
(<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>

上のの部分で改行されてますが、これをなくしてすべてくっつけてみてください。スペースも入れません。何かお変わりはありませんか?
ブラウザの更新とキャッシュのクリアもお忘れずに。


その他考えられる解決策としては、
まず、pb_aprilの再ダウンロード後ですが、アクセス解析や追記の折りたたみなどのカスタマイズを一切せずにツリー化をしてみてください。つまり、まっさらな状態でプラグインだけを変えるということです。

と言うのも、これまでも度々ご説明させていただいてるのですが、アクセス解析もそうなんですが、ユーザー側で追記の展開などの大掛かりなHTML改変をされていると、こちらとしてはどこにミスがあるのか把握できかねます。そのため、HTML改変後のサポートはご遠慮いただいていることご理解くださいませ。

プラグインを改変してみたら、基本的なことですが以下を試してみてください。

1.ブラウザのキャッシュのクリア&ブラウザの更新。

2.その他のプラグインを一時的に「非表示」にした上で、ツリー化コメントの動作確認。周りのプラグインの中身が影響しているかもしれません。これに関してもやはりまっさらな状態のpb_aprilを使っていただいた方が良いかと思いますが、今の状態で試してみても何か分かることがあるかもしれません。

それから、今回の件とはあまり関係なさそうですが、アクセス解析の挿入位置が気になりました。<body></body>内に入っていますでしょうか。いまいちどshinobiのサイトをご確認の上、タグの設置位置を見直してみてください。
pbさん | 2007/06/08 16:11 | URL [編集] | page top↑
# ツリー化について
pbさんのアドバイスどおり、☆の部分の改行をなくしてくっつけたら、無事リンクできるようになりました!
念のため、公式/共有のテンプレートで試しても、ばっちりです。
本当にお世話になり、ありがとうございましたm(__)m

アク析の位置の件もありがとうございます。
やはり、間違った部分に入れていました。

いろいろ、お手数おかけして申し訳ありません。
これからも、よろしくお願いします。
aslanさん | 2007/06/08 17:25 | URL [編集] | page top↑
# aslanさんへ(ツリー化)
あ…それで直りましたか。
良かったです。
pbさん | 2007/06/09 00:49 | URL [編集] | page top↑
# maimeloさんへ(アクセス解析)
はじめまして。
ブログを拝見させていただきましたが、確かに余計な文字列が出てきますね。ただ、他のテンプレートでも起きる症状であれば、pbテンプレートの不具合ではなさそうですし、maimeloさんが仰るように貼付け方に問題があるとしかお答えできません。いまいちどアクセス解析の説明と貼付けたタグをご確認くださいますようお願いいたします。タグの閉じ忘れのような、ちょっとしたミスではないでしょうか。一応こちらでもpb_skyを使われている方(+アクセス解析)のブログをいくつか拝見しましたが、問題はないようでした。
pbさん | 2007/07/19 13:36 | URL [編集] | page top↑
#
ありがとうございました。
先ほどもう一度やり直してみたら無事消えました。
実はきのういじっていたのがMacからだったので
もしかしたらそのせいかな、とも思っています。
迅速&ご丁寧な対応ありがとうございました。
maimeloさん | 2007/07/19 17:31 | URL [編集] | page top↑
# 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
さん | 2007/07/19 17:34 | URL [編集] | page top↑
# maimeloさんへ(アクセス解析)
対処しました。
pbさん | 2007/07/19 22:00 | URL [編集] | page top↑
#
助かります。ありがとうございました。
maimeloさん | 2007/07/20 00:59 | URL [編集] | page top↑

post a comment

管理者にだけ表示を許可する

trackbacks

この記事のトラックバックURL:
http://paperbag.blog61.fc2.com/tb.php/96-18d24661
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。