解決済

clip!clip!
Ads By Google

seesaaブログカスタマイズ

テンプレートのシンプルホワイトで
ホワイトのコンテンツ・コメント欄
まわりを流用したいのです。
コメント欄周りはうまくいったのですが、
コンテンツ周りの黒い線を消すには
どうすればいいでしょうか?
 サブタイトルも左寄せにして、
コメント欄のposted~を右寄せに
したいのです。
 よろしく、お願いします。



2006-08-23 01:09の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-08-23 07:18:54ベスト
サイドバーなどの黒い罫線はCSSの
「.calendarhead」「.sidetitle」の「border:1px solid #8E8E8E;」という記述を削除します。

ブログ記事の周囲のグレーの罫線は背景画像なので、これをけしたい場合には、
「.blog」の「background-image:url(画像のURL); background-repeat:no-repeat;」を削除
「.text」の「background-image:url(画像のURL); background-repeat:repeat-y;」
「.posted」の「background-image:url(画像のURL); background-repeat:no-repeat; background-position:bottom left;」
を削除してください。

サブタイトルというかブログの説明部分は「.description」に「text-align:left;」を追加します。

「.posted」を右寄せする場合には「text-align:right;」を追加します。
Ads By Google

コメント(8)

#1.  candy_300
2006-08-23 01:31:59

ライブドアナレッジでseesaaについて問い合わせるというのは、ライブドアにケンカを申し込んでいるってことですね

#2.  candy_300
2006-08-23 01:33:15

>>#1
冗談です、すいません(ちょっと言ってみたかっただけです^^;)

このナレッジを利用しているほとんどの人がライブドアブログを利用していると思うので、seesaaにはあまり詳しくないとは思いますが、いい回答が出るといいですね☆

#3.  kozzy110
2006-08-23 03:35:08

ごめんなさい。ぼくもこの前問い合わせました。
まだ解決していないけれど・・・

でも、前に楽天市場のブログについても質問ありましたよ。

#4.  ほう
2006-08-23 11:38:52

黒い線は消えたのですが、コンテンツの画像の
下の部分が欠けました。どうすれば直りますか?

.description {
color:#000;
margin-left: 20px;
font-size:16px;
font-family:sans-serif;
font-weight:bold;
line-height:140%;
text-align:left;
}
↑が現状ですが、左に寄ってないようです。
「text-align:left;」を入れる部分が
間違ってるんでしょうか?

postedを右寄せにできましたが、右端が
コメント欄からはみ出てしまいました。
少し左に戻すことは可能でしょうか?

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

#5.  Hukamin
2006-08-23 15:17:13

すみません。

「<span class="description">~</span>」を
「<div class="description">~</div>」に変更してみてください。
それで左寄せになるはずです。

postedについてですが、どうやら「.blog」などに横幅が指定されていないようなので、
CSSで「.blog」に「width: 532px;」(使用されている背景画像の横幅です)を指定してください。
また、このままでは中央部分が左に寄りすぎていますので、
「.blog」の「margin:0px 0px 20px 0px;」を「margin:0px auto;」に変更すると、現在より中央寄りに表示されます。

#6.  ほう
2006-08-23 17:33:05

コンテンツの画像の下の部分が欠けて
いるのは修復不可能ですか?

>「<span class="description">~</span>」を
>「<div class="description">~</div>」に変更してみ>てください。
>それで左寄せになるはずです。

<span class="description">~</span>
がみあたらないのですが、CSS内にありますか?

posted~の移動はできました!

#7.  Hukamin
2006-08-23 19:40:45

<span class="description">~</span>はCSSではなくHTMLの編集が必要になります。
text-alignという指定はブロック要素(DIVなど)にしか適用されないのですが、SPANはインライン要素であるため、text-align指定が適用されません。
どうしてもHTML部分の編集ができないようでしたら、「#banner」に「text-align:left;」を指定した方が簡単かもしれません。

Operaで閲覧していたため、画像の下の部分が欠けているという現象が確認できなかったので、IEで閲覧してようやく意味が理解できました。
「.calendarhead」と「.sidetitle」に「height: 27px;」(画像の高さをそのまま指定)を追加してください。
それでIEでも切れずに表示されます。

#8.  ほう
2006-08-23 20:38:36

Hukamin さん

ヾ(●⌒∇⌒●)ノ わーい
全部うまくいきました。
大感謝!

トラックバック(2)

トラックバックURL: