解決済

clip!clip!
Ads By Google

記事のタイトルが・・・

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


2006-11-17 21:12の質問
ブログの記事  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-11-17 21:56:17ベスト
画像が並んでいる記事が
本文幅を超えてそうなっているようです

例えばトップの「チャイニーズ」の画像ですが
250×200になっていますので
width="200" height="160"ぐらいにしてみてください
それで改善されるようであれば
御指摘の記事の画像サイズを変更するか
並べるレイアウトを変えなければならないかと・・・

もしくは
本文幅の広げ方は前回、説明申し上げた通りですので
そちらも御検討くださいませ

本当に、ありがとうございました。

Ads By Google

コメント(13)

2006-11-17 22:48:26

なるほど~。写真を、2枚重ねた時だとは、気がつきませんでした。サイズ、変えてみます。
それから、本文の幅の件ですが、編集ソフトって、電気屋さんとかで、売ってるのですか?
それは、どういうものですか?何も、知らなくて・・・。

#2.  Kiss115
2006-11-17 23:16:54

お金かけちゃダメですよ~^^;

フリーソフトであれば
JTrim
http://www.woodybells.com/jtrim.html
などで試してみてください

少し勉強が必要かもですm(_ _)m

2006-11-17 23:50:03

Kiss115さん、ありがとうございます。
何度もすみません。
JTrim インストールしました。
そのあと、どんな風にやったら、いいのでしょうか。できましたら、教えてください。

#5.  Kiss115
2006-11-18 22:53:11

まず
http://parts.blog.livedoor.jp/img/usr/felt/felt_ma...
の画像を名前をつけて御自分のパソコンに保存します
「JTrim」を起動させて、上の[ファイル]→[開く]
保存した画像を選んで[開く]
上の[イメージ]→[リサイズ]で
この画像の場合[比率で指定する]が良いでしょう
お好きな大きさに拡大し
再サンプリングを[Lanczos3]以外でやって下さい
(ここが私も解らないのですが[Lanczos3]だと背景が白く付いてしまうんです)
そして[ファイル]→[名前を付けて保存]
(違う名前にしてください)

以上が私が説明できる範囲でのサイズの変え方の手順です
少し試行錯誤が必要かもしれませんが
何回か試してみてください

サイズを変えたら、その画像をファイルのアップロードで
サムネイルを作成にチェックを入れずにアップロードして
その画像のURLをカスタマイズのCSSで編集します
その際に御不明な点は新規で御質問くださいませ

#6.  Kiss115
2006-11-18 22:53:52
2006-11-19 23:19:07

kiss115さん、ご丁寧に、ありがとうございます。
紹介していただいた画像を、アップしました。
そしたら、最後の段階、どうしたらいいのでしょう。

#8.  Kiss115
2006-11-19 23:26:48

ケーポンさんの画像としてアップされました?
その画像のURLを教えてくださいませんか?

2006-11-20 15:32:29

http://image.blog.livedoor.jp/keikei1222/imgs/1/d/...
これでいいと思うのですが。アップロードしたものです。最初に、kiss115さんが、送ってくださったサイズのものです。

#10.  Kiss115
2006-11-20 17:29:04

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
と入れ替えます

#11.  Kiss115
2006-11-20 17:30:33

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;
に書き換えます

#12.  Kiss115
2006-11-20 17:31:26

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;
に書き換えです

作業は以上ですので再構築して
御覧になってみてくださいませ

#13.  めぐみこ
2006-11-20 21:42:39

できました。すばらしい!感激です。ありがとうございました。

#14.  Kiss115
2006-11-20 22:46:35

できましたか?^^

これで少し大きな写真も載せられますね~♪

お疲れ様でした~☆

トラックバック(2)

トラックバックURL: