スタイルシート整備(^^)

なんだか大々的に変わったスタイルシートですが、レイアウトが限定されている為、設定選択肢が多い割りになんだか普通な感じですね。

とりあえず背景と本文エリアの透過くらいで十分かなということで、スタイルシート弄りネタ備忘録です。

まずは、背景。図柄を右半分のみ表示したいのでその分の画像を作成。白のグラデーションでボケを入れます。右に固定すればよいので、

ユーザー領域
div#MinkaraBody
に

clear:both;
background-image:url(http://carview-img02.bmcdn.jp/carlife/storage/307381/style/307381_2.jpg);
background-position:100% 0%;　←右側に固定
background-repeat:no-repeat;
background-attachment:fixed;　←背景固定
background-color:#ffffff;
color:#ffcc00;
display:block;

次は、ブログ本文のエリアの透過処理。

表示エリアは、固定色のGIFファイルで背景設定されているので、これを半透明の透過PNGファイルで置き換えることでスケスケになります。

コンテンツ表示
div.contents
の

margin:0px;
padding:10px 20px 8px 20px;
width:580px;
background:#fff url(http://carview-img02.bmcdn.jp/carlife/storage/307381/style/307381_1_eb6f0.png);

でスケスケボディーの出来上がり。
このタグそのまま貼っても使えるよ。
まぁ、あとは、リンクの色変えるくらいしか弄れませんね。。
無料で使えるのでなにはともあれ感謝感謝です。