記事のタイトルが・・・
記事のタイトルと日付けが、左側のマークに、かぶってしまうときがあります。毎回ではありません。解決法を、教えてください。
回答(1)
1.

本文幅を超えてそうなっているようです
例えばトップの「チャイニーズ」の画像ですが
250×200になっていますので
width="200" height="160"ぐらいにしてみてください
それで改善されるようであれば
御指摘の記事の画像サイズを変更するか
並べるレイアウトを変えなければならないかと・・・
もしくは
本文幅の広げ方は前回、説明申し上げた通りですので
そちらも御検討くださいませ
本当に、ありがとうございました。
コメント(13)
なるほど~。写真を、2枚重ねた時だとは、気がつきませんでした。サイズ、変えてみます。
それから、本文の幅の件ですが、編集ソフトって、電気屋さんとかで、売ってるのですか?
それは、どういうものですか?何も、知らなくて・・・。
お金かけちゃダメですよ~^^;
フリーソフトであれば
JTrim
http://www.woodybells.com/jtrim.html
などで試してみてください
少し勉強が必要かもですm(_ _)m
Kiss115さん、ありがとうございます。
何度もすみません。
JTrim インストールしました。
そのあと、どんな風にやったら、いいのでしょうか。できましたら、教えてください。
まず
http://parts.blog.livedoor.jp/img/usr/felt/felt_ma...
の画像を名前をつけて御自分のパソコンに保存します
「JTrim」を起動させて、上の[ファイル]→[開く]
保存した画像を選んで[開く]
上の[イメージ]→[リサイズ]で
この画像の場合[比率で指定する]が良いでしょう
お好きな大きさに拡大し
再サンプリングを[Lanczos3]以外でやって下さい
(ここが私も解らないのですが[Lanczos3]だと背景が白く付いてしまうんです)
そして[ファイル]→[名前を付けて保存]
(違う名前にしてください)
以上が私が説明できる範囲でのサイズの変え方の手順です
少し試行錯誤が必要かもしれませんが
何回か試してみてください
サイズを変えたら、その画像をファイルのアップロードで
サムネイルを作成にチェックを入れずにアップロードして
その画像のURLをカスタマイズのCSSで編集します
その際に御不明な点は新規で御質問くださいませ
kiss115さん、ご丁寧に、ありがとうございます。
紹介していただいた画像を、アップしました。
そしたら、最後の段階、どうしたらいいのでしょう。
ケーポンさんの画像としてアップされました?
その画像のURLを教えてくださいませんか?
http://image.blog.livedoor.jp/keikei1222/imgs/1/d/...
これでいいと思うのですが。アップロードしたものです。最初に、kiss115さんが、送ってくださったサイズのものです。
OKです
文字制限がある為分けて説明しておきます
CSS内記述の書き換え箇所です
1)画像の入れ替えです
.fullbody,#articlebody{
background:url(http://parts.blog.livedoor.jp/img/usr/felt/felt_maintitle.gif) no-repeat 50% 0;
}
のhttp://parts.blog.livedoor.jp/img/usr/felt/felt_maintitle.gifを
http://image.blog.livedoor.jp/keikei1222/imgs/1/d/1dfcbc71.gifと入れ替えます
2)本文の幅を広げます
#blogcontainer{
margin:0 auto;
width:750px;
}
#content{
float:left;
width:500px;
text-align:center;
}
#blog{
width:498px;
margin:0 auto;
text-align:left;
}
のwidthの数字に99ずつ足してそれぞれ
width:849px;
width:599px;
width:597px;に書き換えます
3)投稿の日付とタイトル位置を右にずらします
.date{
color:#cc9966;
font-size:14px;
font-weight:normal;
text-align:left;
padding:0px 5px 0px 43px;
}
padding:0px 5px 0px 43px;
をpadding:0px 5px 0px 55px;に
.title{
color:#996600;
font-size:18px;
font-weight:bold;
padding:5px 5px 0px 43px;
}
のpadding:5px 5px 0px 43px;を同じく
padding:5px 5px 0px 55px;に書き換えです
作業は以上ですので再構築して
御覧になってみてくださいませ
できました。すばらしい!感激です。ありがとうございました。
できましたか?^^
これで少し大きな写真も載せられますね~♪
お疲れ様でした~☆



