お蔵入り

個別記事にサイドバーを表示させた後のデザイン変更

ブルーサファリをカスタマイズして個別記事にもサイドバーを表示するようにしていました。
今回Butterfly Garden(2カラム)に変更しました
・・・・ら!
個別記事表示の壊れっぷりにビックリ!

サイドバーが記事より長くなってしまうのが原因でしょうか…
見てみるとフリースペースが中央揃えになってる様な気がします。
そこが原因でしょうか?
修正の仕方がいまいちわからず困っております。

良きアドバイスをお願いいたします。

ブログは

です

2006-05-12 18:13の質問
デザイン  サイドバー  カスタマイズ  ブルー  表示  する  個別記事      
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google

回答(2)

1.

2006-05-12 19:12:26
デザインを変更したのでしたら、全ページの再構築を行なえば大抵は直ると思うのですが・・

とりあえず、ずれる原因は
サイドバーのタグ
<div id="left">
<div id="lefttop"></div>
<div id="leftbody">
ではないかと思います

TOPページやカテゴリでは
<div id="links">
<div id="linkstop"></div>
<div id="linksbody">
になっています

個別ページのタグもleftからlinksに修正すると直るかもしれません^^

2.

2006-05-16 10:53:27
フリースペースの中央揃えの直し方。

文字の位置揃えを修正したいプラグインの編集画面に行きます。

そちらのブログのHTMLを見たところ、フリースペースだけ、CSSに関連付されていないタグ打ちになっていました。

以降は大文字で書きますので、実際に修正する場合は、半角英数字に直して書き込んでくださいね。

*<a href="http://ameblo.jp/shiawaseno-switch/"; target="_blank">映画「幸福のスィッチ」非公式応援ブログ</a>
*<a href="http://blog.goo.ne.jp/online2006/"; target="_blank">舞台「ON LINE」公式ブログ</a>

この記述を、下記に変更してみてください。

<div class="sidebody"><a href="http://ameblo.jp/shiawaseno-switch/"; target="_blank">映画「幸福のスィッチ」非公式応援ブログ</a>
<a href="http://blog.goo.ne.jp/online2006/"; target="_blank">舞台「ON LINE」公式ブログ</a></div>

<div class="sidebody">と
</div>で、囲みます。
<>のマークを半角英数字に直してくださいね。

*は削除していいと思います。
サイドバーのリストマークが挿入されると思います。

初カキコなので、わかりづらい文章になってしまいました。。。
回答レベル : 回答
Ads By Google

コメント(2)

#1.  d-blue
2006-05-12 22:04:43

>>1
早速のアドバイスありがとうございます。再構築は何度か実行しましたが改善されません。
タグですがTOP、個別記事とも
<div id="links">
<div id="linkstop"></div>
<div id="linksbody">
となっています。
何故でしょう???自分でも頑張って模索してみます・・・

#2.  d-blue
2006-05-12 23:43:49

すみません!自己解決です。一旦他のデザインにして元に戻したら直っていました。どう言うことか謎です。
フリースペースの中央揃えが気になるのですがこれから更に模索していく予定です。

トラックバック

トラックバックURL: