知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

回答受付中

clip!clip!
Ads By Google

記事エリアを枠で囲うようにしたい

記事エリアを枠で囲うようにしたい



私が管理するブログなんですが、
このブログ、左側のプラグインエリアは枠で囲ってあります。
しかし、記事エリアは枠で囲ってないので、同じ枠で囲うようにしたいです。

どのようなカスタマイズをすればよろしいでしょうか?

2週間前の質問
この質問はまだ回答を募集しています。あなたの回答を書きませんか?
ウェブから検索
その他  :  辞書 | 翻訳 | 地図 | 路線 | キーワード

1.

2009-11-09 19:39:20
あの枠は画像なので
まず同じような画像を作って
それをcssの中に組み込むことになります。

例えば
サイドの枠の上部はこんな画像を使ってます。


なので同じような枠で囲むのは
かなり大変です。


代わりに線で囲むのであれば
#contentの中にborderを入れてあげると
記事エリアを枠線で囲むことが出来ます。
回答の支持率:56% 56% 投票 この回答を支持

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を入れます。
回答の支持率:44% 44% 投票 この回答を支持
Ads By Google

コメント(4)

2009-11-09 22:25:25

最後の
#contentの中にborderのタグを教えて下さい。
また、それをCSSのどこに挿入すればよろしいですか?

#2.  kavalier
2009-11-10 11:51:48

CSSの中にdiv#content {ってのがあるので
その中にborderを書き加えて下さい。

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はただの線で、他には破線や二重線など色々とあります。
○○○には色の要素を入れてください。

トラックバック

トラックバックURL: