解決済

clip!clip!
Ads By Google

タイトルも含め記事一つ一つを枠で囲みたい。

テンプレートはシンプルの「Blueline」を使っています。
このテンプレートでは質問のような仕様になっていないのですが、例えば、スペシャルの「環境に優しいセルロース」のように記事部分を囲みたいのです。囲んだ部分の背景はbackgroundと同じになってもかまわないし、異なってもどちらでもかまいません。
よろしくお願いします。

2006-02-28 22:48の質問
タイトル  シンプル  テンプレート  
シンプル
シンプル のホームページはこちらです
www.simplee.co.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

2.

2006-02-28 23:45:07ベスト
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。

「blogbody」を探して、下記の要領で修正してみてください。

修正前の例)
.blogbody{
padding:12px 5px 10px;
line-height:130%;
border-bottom:1px solid #7dafee;
margin-bottom:20px;
}

修正後の例)
.blogbody{
border:10px solid #cc0000;
background:#ffffff;
padding:12px 5px 10px;
line-height:130%;
margin-bottom:20px;
}

上の例だと、#cc0000という色で、10ピクセルの枠で囲みます。#ffffffというところを変更すれば、背景色も変更できます。

色は、「html カラーコード」などで検索すると出てくるので好みの色を探してみてください。「#000000」のような#と6桁の数字の組み合わせになります。検索結果の上位に出てくるページが見やすくておすすめです。


終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
Ads By Google

コメント(4)

2006-02-28 23:46:42

http://blog.livedoor.jp/testuser1/
(他の質問に答えるので、すぐなくなるかもしれませんが)作例も作ってみました。

2006-02-28 23:51:00

はすぼいさん、ごめんなさい。私、投稿を何度かやり直しました。

#3.  
2006-03-01 00:05:28

おおぉ!そうです、こんな感じにしたかったんです。。
上記URLのような感じになりました。
本当にありがとうございました。

2006-03-01 00:16:44

うまくいったようで良かったです。ベスト回答もありがとうございます。

トラックバック(2)

トラックバックURL: