Ads By Google
記事エリアを枠で囲うようにしたい
記事エリアを枠で囲うようにしたい私が管理するブログなんですが、
このブログ、左側のプラグインエリアは枠で囲ってあります。
しかし、記事エリアは枠で囲ってないので、同じ枠で囲うようにしたいです。
どのようなカスタマイズをすればよろしいでしょうか?
2週間前の質問
この質問はまだ回答を募集しています。あなたの回答を書きませんか?
回答(2)
1.
2009-11-09 19:39:20
あの枠は画像なので
まず同じような画像を作って
それをcssの中に組み込むことになります。
例えば
サイドの枠の上部はこんな画像を使ってます。
なので同じような枠で囲むのは
かなり大変です。
代わりに線で囲むのであれば
#contentの中にborderを入れてあげると
記事エリアを枠線で囲むことが出来ます。
まず同じような画像を作って
それをcssの中に組み込むことになります。
例えば
サイドの枠の上部はこんな画像を使ってます。
なので同じような枠で囲むのは
かなり大変です。
代わりに線で囲むのであれば
#contentの中にborderを入れてあげると
記事エリアを枠線で囲むことが出来ます。
2.
2009-11-17 09:13:39
.date{color:#33311d;
font-size:12px;
font-weight:bold;
padding:5px 0px;
background:#ccc68e;
margin:0px -3px 0px 0px }
marginを上のように書き換えます。日付の枠がずれるようなら-3pxの数字を少し変えてみて下さい。
.blogbody{border: 1px solid #ccc68e;
ここにborderを入れます。
font-size:12px;
font-weight:bold;
padding:5px 0px;
background:#ccc68e;
margin:0px -3px 0px 0px }
marginを上のように書き換えます。日付の枠がずれるようなら-3pxの数字を少し変えてみて下さい。
.blogbody{border: 1px solid #ccc68e;
ここにborderを入れます。
Ads By Google
コメント(4)
#1. そういち
2009-11-09 22:25:25
最後の
#contentの中にborderのタグを教えて下さい。
また、それをCSSのどこに挿入すればよろしいですか?
#2. kavalier
2009-11-10 11:51:48
CSSの中にdiv#content {ってのがあるので
その中にborderを書き加えて下さい。
#3. そういち
2009-11-10 21:03:52
div#content {
margin: 0 0;
height: 1%;
}
を見つけましたが、borderを入れても囲まれません。
borderをどこに入れるか、他には何を追加するか教えてください。
#5. kavalier
2009-11-11 00:57:32
{ }の間の適当なところに書き加えてください。
書き加える時はこんな感じです。
border: ×px solid #○○○;
Xには好きな数値を入れてください。太さが変わります。
solidはただの線で、他には破線や二重線など色々とあります。
○○○には色の要素を入れてください。




