解決済

clip!clip!
Ads By Google

ブログの記事と記事の間にある点線の色を変えることはできますか?
http://ume3.livedoor.biz/

点線が、水色でチカチカしてます。多分元のシートのリンクだと思うのですが。この点線もカスタマイズできるでしょうか?

2006-05-17 09:48の質問
  記事  リンク      変える  できる        
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(4)

3.

2006-05-17 11:25:27ベスト
補足しておきます。
替えるのは、
background:url(http://~line.gif) no-repeat 50% bottom;
の行まるまるです。
全体としては、
.blogbodybottom{
	padding-top:25px;
	margin-bottom:5px;
	border:1px solid #ff0000;
}
となります。
線の種類ですが、点線が嫌いなのかと思って書きませんでしたが、
点線にしたければ、dottedやdashedというものもあります。
青い、2pxの太さの点線の場合は
border:2px dotted #0000ff;
という具合です。
回答レベル : 回答

ありがとうございます。
丁寧に具体的に教えていただきありがとうございました。

1.

2006-05-17 10:17:23
うめさん。ご質問ありがとうございます。

.blogbodybottom{
padding-top:25px;
margin-bottom:5px;
background:url(http://parts.blog.livedoor.jp/img/usr/hotcake/line.gif) no-repeat 50% bottom;
}

background:url(http://parts.blog.livedoor.jp/img/usr/hotcake/line.gif) no-repeat 50% bottom;
を削除して下さい。

2.

2006-05-17 10:52:21
その線は、画像です。
.blogbodybottom{
	padding-top:25px;
	margin-bottom:5px;
	background:url(http://~line.gif) no-repeat 50% bottom;
}
のbackground:url() の()の中が画像のURLです。
線を消したいだけでしたら、この行を削除してください。

この行を
border: 1px solid #ff0000;
と変えれば、赤い実線になるはずです。
solidを、doubleにすれば二重線、ridgeにすれば山線になります。
1pxの数字を大きくすれば、太くなります。
#の後は、色指定です。
回答レベル : 回答

4.

2006-05-17 12:22:58
CSSで画像のURLを特定して、IEでそのURLを指定して、画像をダウンロードします。

画像編集ソフトで画像の色を変更して、ファイルをアップロードします。

CSSで画像のURLをアップロードした画像のURLに変更します。
Ads By Google

コメント(9)

2006-05-17 10:37:35

zero様。
削除したら、線はなくなるのでしょうか?
色を変えて、存在させることはできますか?

2006-05-17 11:20:46

horsehly様。
なんだかやってみたら変なことになってますが、私間違ってます?
この行を変えればというのは、background:からのことですよね?
山線というのは、------のような点線のことを言うんでしょうか。

2006-05-17 11:33:00

私、間違っているのかなぁ。
線が出てこなくなっちゃいました。

#4.  horsefly
2006-05-17 11:56:14

スペルが違います。
bottedではなく、dottedです。ドットです。

2006-05-17 11:58:56

あちゃー、恥ずかしい。
あんなに見直したのに。。。。
でも、また構築したら、なんであの枠のようになるのでしょう?

#6.  horsefly
2006-05-17 12:14:24

申し訳ない、もう一つ忘れていました。
padding-top:25px;
を削除してください。
今度はうまく行くと思います。

2006-05-17 12:25:31

horseflyさん、ありがとうございます。
解決はしましたが、記事と線が近すぎるのですが、もう少し間を空けることはできるでしょうか?
よければ、教えてください。

#8.  horsefly
2006-05-17 12:45:33

marginの値で調節してください。
今、margin-bottom:5px;となっている行を
「margin:」に替えて、上、右、下、左の値を付けることができます。

margin: 10px 2px 10px 2px;
とすれば、上下に10pxの空き、左右に2pxの空きになります。

2006-05-17 12:50:25

horsefly様、
marginについてありがとうございます。
後程調整してみます。

トラックバック(2)

トラックバックURL: