■ナビゲーション

2009年08月28日

プロフィールの左サイドバーとブログ投稿日付欄を透過背景に

プロフィールの左サイドバー部分とブログ内の投稿日付やカテゴリー部分を透過背景にする方法の質問を頂きました。これからスタイルシートを弄ろうと思っている方の参考になればと思います。

１つ目の左サイドバー部分を透過させるには、プロフィールの所の左カラム領域（div#BodyBlockProfileSide）の部分でグレーの背景色指定（background-color:#○○○;）という様な１行を削除し、以下の行を追加します。

background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
backgronund-repeat:repeat;

↓すると青で囲った部分の様に透過背景になります。

２つ目の投稿日付やカテゴリー部分ですが、ブログの所のブログ情報（div.blogPosted）の部分で背景色指定（background-color:#000000;）を削除すれば透過出来ると思いますが、この部分を目立たせたいなら、

background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
backgronund-repeat:repeat;　を追加してみて下さい。

すると↓この様に投稿日付やカテゴリーの部分が透過されます。

※間違い等ありましたら、お知らせ下さい！

ブログ一覧 | 日記
Posted at 2009/08/28 00:42:38

<< 以前作ったポジションランプ ...

| 記事一覧 |

スタイルシート弄り　まとめ >>

イイね！0件

イイね！ランキングページへ

今、あなたにおすすめ

ブログ人気記事

次女（小学5年生）の夏休みの宿題！
京都　にぼっさんさん

ピカピカランド綱島にたくさんイイね ...
morrisgreen55さん

カエル
Mr.ぶるーさん

達成しました！デリカで日本本土四極 ...
cappriusさん

CX-3の慣らし運転に行ってみまし ...
hivaryやすさん

H1cupをWebニュースで取り上 ...
ハピワンさん

この記事へのコメント

コメントする

MIZM

2009年8月29日 10:11

minkara/user/css/の中にＰＩＮＧファイルがあったんですね。
結構、いい色、透明度ですね。
私はＰＩＮＧファイルを作りアップロードして使っていました。

コメントへの返答

2009年8月29日 12:39

始めはデフォルトのスタイルシートから保存した１ｘ１サイズのファイルをアップロードして使用していましたが、そんな事をしなくてもいいというのを知り現状に至っています。
自分でPINGファイル作れるなんて凄いですね！

<< 以前作ったポジションランプ ...

| 記事一覧 |

スタイルシート弄り　まとめ >>