Ads By Google
livedoorブログのCSS編集
livedoorブログのデザインのGlacila Purpleのように記事やプラグインの淵を装飾するにはどこをどう弄ればよいのでしょうか?といっても分り難そうなので画像を。黒で囲ってあるような物を他のデザインにも付けたいのです。
よろしくお願いします。
2009-01-05 21:26の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-01-06 07:11:31

このような方法はたいていの場合が
空のdiv要素もしくは多重に囲んだdiv要素の背景に画像を設定し、上下を囲み、さらに内部のdiv要素(記事本文の部分)などの背景に左右を囲んだ画像を縦方向にリピートで設定しています。
実際のCSSでは、下記の部分がメインエリアですが該当します。
しかしもし横幅が可変の場合は、この方法が使えないのでメインエリアを囲むdiv要素をさらに多重化してメインエリアの左側と右側背景を切り分けて設置する必要があるように思えます。
空のdiv要素もしくは多重に囲んだdiv要素の背景に画像を設定し、上下を囲み、さらに内部のdiv要素(記事本文の部分)などの背景に左右を囲んだ画像を縦方向にリピートで設定しています。
実際のCSSでは、下記の部分がメインエリアですが該当します。
.datebody{
background:url(http://parts.blog.livedoor.jp/img/usr/glacial_purple/d_top.gif) no-repeat;
height:78px;
}
.dateend{
background:url(http://parts.blog.livedoor.jp/img/usr/glacial_purple/d_bottom.gif) no-repeat;
height:62px;
margin-bottom:10px;
}
.blogbody{
background:url(http://parts.blog.livedoor.jp/img/usr/glacial_purple/d_bg.gif) repeat-y;
}
メインエリアの横幅が固定の場合は、この方法で問題ないでしょう。サイドカラムも同じ方法です。しかしもし横幅が可変の場合は、この方法が使えないのでメインエリアを囲むdiv要素をさらに多重化してメインエリアの左側と右側背景を切り分けて設置する必要があるように思えます。
ありがとうございます。出来ました。
Ads By Google
コメント
まだコメントがありません



