引き続き、スタイルシートに悪戦苦闘中。
とりあえず、今回は「ちょっと半透明」にしてみました。
背景固定でカーボン地を強調しつつ、うっすら半透明。
いい感じになってきました。
てことで、今までやったスタイルシートの変更をアップしてみようかと。。。
◆
まず、背景変化・・・。
＜スタイルシート＞内
＜スタイル簡易編集＞にて
＜ページの背景＞の＜背景画像＞を参照してアップ。
ここまでは簡単。
でうちみたい小さい画像を連続して貼り付ける場合は
「背景画像のリピート」の「縦横リピート」にクリック。
で
その
背景を固定しちゃう場合
＜スタイルシート詳細編集＞
＜ページの基本＞にて
「ページBody」に「background-attachment:fixed;」
「ユーザー領域」に「background-color:#000000;→background-color:transrate;」への変更と
「background-attachment:fixed;」の追加
で、できるはず。
次に
透過ですが
＜コンテンツ共通＞
「コンテンツ領域」に「filter:alpha(opacity=90);
opacity:0.90;」の追記
この90の値を小さくすれば透明化が激しくなります。
※追記しました～※
また、同じように 右っ側のメニューも透明化するの場合は
＜サイドメニュー＞
「サイドメニュー領域」に「filter:alpha(opacity=90);
opacity:0.90」の追記です。
こんな感じでしょうか？
あと、何したっけ？(ﾟдﾟ )
あー。
アクセスカウンターだなー。
＜ページ基本＞
「ヘッダータイトル」に
line-height:100%;
font-size:24px;
margin:0;
width:930px;
padding-top:10px;
padding-right:0;
padding-bottom:0;
padding-left:10px;
height:300px;
background:url('カウンターのＵＲＬ') no-repeat 800px 10px;
最後の800px と 10px はカウンタの配置場所。
左上から見て右側に 800px 行って 下に 10pxって感じでしょうか？
◆
まー。いろんなサイトを徘徊し、できた結果です。
とりあえず、報告までにー。
ま、報告っつーか、自分のための覚書みたいなもんだなー。
お役にたったのならクリックプリーズ
Posted at 2009/04/08 17:14:21 | |
トラックバック(0) |
スタイルシート | パソコン/インターネット
プラグコード交換 
