解決済

clip!clip!
Ads By Google

ブログデザインについて

MUSIC TREEというデザインを使っているんですが


ように枠線をつけることって出来ませんか?
初心者なもので、よろしくお願いします。

あと「続きを読む」を非表示にする方法もあればよろしくお願い
します。

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

回答(1)

1.

2009-03-01 14:25:34ベスト
ブログの投稿画面で、『カスタマイズ/管理』>>『デザインのカスタマイズ』を選び、CSSを選択します。画像では、記事の部分とサイドバーを全体的に囲むという事でよろしいですよね?CSSの2番項目の全体の枠組みを選択します。MUSIC TREEのデザインで記事を全体的に囲む場合はborderを追加します。borderとは四角く囲む線の種類です。

記事の枠組み
変更前
div#main {
	float: right;
	display: inline;
	width: 750px;
}

変更後
div#main {
	float: right;
	display: inline;
	width: 750px;
	border:3px solid #FF0000;
}
サイドバーの枠組み
変更前
div#sub {
	float: left;
	display: inline;
	width: 200px;
	padding-top: 15px;
	background: #fff;
}

div#extra {
	clear: left;
	float: left;
	display: inline;
	width: 200px;
	padding-bottom: 20px;
	background: #fff;
}

変更後
div#sub {
	float: left;
	display: inline;
	width: 180px;
	padding-top: 15px;
	background: #fff;
	border:3px solid #FF0000;
}

div#extra {
	clear: left;
	float: left;
	display: inline;
	width: 180px;
	padding-bottom: 20px;
	background: #fff;
	border:3px solid #FF0000;
}

3px solid #FF0000(赤) は、3px の直線の太さを指定しているのですが、線を細くしたかったら、2pxなどに変更してください。ddiv#extra{}も囲まないと、livedoorblogのロゴも枠で囲む事が出来ません。囲む必要がなければ囲まなくてもokです。線の太さの関係もあり、サイドバーの広さを少し狭くしなければ、「サイドバー落ち」という現象が起きるので注意してください。

できました。丁寧な回答、ありがとうございました。

Ads By Google

コメント(1)

2009-03-02 19:50:42

ベストをありがとうございます。
>「続きを読む」を非表示にする方法
これは単にブログ投稿画面の追記に記事の続きを書かなければ
「続きを読む」と表示されません。‥書き忘れてしまいましたが、悪しからず。<(_ _)>

トラックバック(2)

トラックバックURL: