知識、知恵のカタマリ

[PR]株主優待を受けてみよう☆

解決済

clip!clip!
Ads By Google

livedoorブログのCSS編集

livedoorブログのデザインのGlacila Purpleのように記事やプラグインの淵を装飾するにはどこをどう弄ればよいのでしょうか?といっても分り難そうなので画像を。

黒で囲ってあるような物を他のデザインにも付けたいのです。
よろしくお願いします。

2009-01-05 21:26の質問
CSS  
CSS Holdings
CSS Holdings のホームページはこちらです
www.css-holdings.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-01-06 07:11:31ベスト
このような方法はたいていの場合が
空の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

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: