解決済
seesaaブログカスタマイズ
テンプレートのシンプルホワイトでホワイトのコンテンツ・コメント欄
まわりを流用したいのです。
コメント欄周りはうまくいったのですが、
コンテンツ周りの黒い線を消すには
どうすればいいでしょうか？
サブタイトルも左寄せにして、
コメント欄のposted～を右寄せに
したいのです。
よろしく、お願いします。
回答(1)
1.
「.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;」を追加します。
コメント(8)
ライブドアナレッジでseesaaについて問い合わせるというのは、ライブドアにケンカを申し込んでいるってことですね
>>#1
冗談です、すいません(ちょっと言ってみたかっただけです^^;)
このナレッジを利用しているほとんどの人がライブドアブログを利用していると思うので、seesaaにはあまり詳しくないとは思いますが、いい回答が出るといいですね☆
ごめんなさい。ぼくもこの前問い合わせました。
まだ解決していないけれど・・・
でも、前に楽天市場のブログについても質問ありましたよ。
黒い線は消えたのですが、コンテンツの画像の
下の部分が欠けました。どうすれば直りますか？
.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を右寄せにできましたが、右端が
コメント欄からはみ出てしまいました。
少し左に戻すことは可能でしょうか？
よろしく、お願い致します。
すみません。
「<span class="description">～</span>」を
「<div class="description">～</div>」に変更してみてください。
それで左寄せになるはずです。
postedについてですが、どうやら「.blog」などに横幅が指定されていないようなので、
CSSで「.blog」に「width: 532px;」（使用されている背景画像の横幅です）を指定してください。
また、このままでは中央部分が左に寄りすぎていますので、
「.blog」の「margin:0px 0px 20px 0px;」を「margin:0px auto;」に変更すると、現在より中央寄りに表示されます。
コンテンツの画像の下の部分が欠けて
いるのは修復不可能ですか？
>「<span class="description">～</span>」を
>「<div class="description">～</div>」に変更してみ>てください。
>それで左寄せになるはずです。
<span class="description">～</span>
がみあたらないのですが、ＣＳＳ内にありますか？
posted～の移動はできました！
<span class="description">～</span>はCSSではなくHTMLの編集が必要になります。
text-alignという指定はブロック要素（DIVなど）にしか適用されないのですが、SPANはインライン要素であるため、text-align指定が適用されません。
どうしてもHTML部分の編集ができないようでしたら、「#banner」に「text-align:left;」を指定した方が簡単かもしれません。
Operaで閲覧していたため、画像の下の部分が欠けているという現象が確認できなかったので、IEで閲覧してようやく意味が理解できました。
「.calendarhead」と「.sidetitle」に「height: 27px;」（画像の高さをそのまま指定）を追加してください。
それでIEでも切れずに表示されます。
