Ads By Google
ブログデザインについて
MUSIC TREEというデザインを使っているんですがを
の
ように枠線をつけることって出来ませんか?
初心者なもので、よろしくお願いします。
あと「続きを読む」を非表示にする方法もあればよろしくお願い
します。
2009-03-01 11:35の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-03-01 14:25:34

ブログの投稿画面で、『カスタマイズ/管理』>>『デザインのカスタマイズ』を選び、CSSを選択します。画像では、記事の部分とサイドバーを全体的に囲むという事でよろしいですよね?CSSの2番項目の全体の枠組みを選択します。MUSIC TREEのデザインで記事を全体的に囲む場合はborderを追加します。borderとは四角く囲む線の種類です。
記事の枠組み
3px solid #FF0000(赤) は、3px の直線の太さを指定しているのですが、線を細くしたかったら、2pxなどに変更してください。ddiv#extra{}も囲まないと、livedoorblogのロゴも枠で囲む事が出来ません。囲む必要がなければ囲まなくてもokです。線の太さの関係もあり、サイドバーの広さを少し狭くしなければ、「サイドバー落ち」という現象が起きるので注意してください。
記事の枠組み
変更前
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)
#1. Aフラッグ隊 ロッキー
2009-03-02 19:50:42
ベストをありがとうございます。
>「続きを読む」を非表示にする方法
これは単にブログ投稿画面の追記に記事の続きを書かなければ
「続きを読む」と表示されません。‥書き忘れてしまいましたが、悪しからず。<(_ _)>





