counter -
today -
yesterday -

「みんカラ」背景画像のいじくり方


このページの全文は みんカラ フレンドの

まっちゃん凸さんのページのコピーです


背景画像の固定化

「マイページのスタイルシート」→「詳細編集」→「ページの基本」→「ユーザー領域」

clear:both;
background-color:#000000;
color:#eee;
display:block;
background-image:url(画像のアドレス);
background-repeat:
repet;background-position:50% 50%;

上のような記述になっていると思います。
1.7番目の記述の下に↓を追加します。
        background-attachment:fixed;  ←コレ

2.2番目の記述の #000000 を transrate に変更これで背景が固定されます。

clear:both;
background-color:transrate;
color:#eee;
display:block;
background-image:url(画像のアドレス);   ←※画像のアドレスはそれぞれ違うので注意
background-repeat:
repet;background-position:50% 50%;
background-attachment:fixed;
↑コピーしてワードなどに保存しておくと再設定時に作業がはかどります!

※注意 簡易編集を変更する度に再度やり直す必要があります。(この設定のみ)

一先ずここだけの作業で雰囲気が変わるので、下で保存をクリックしてスタイルの選択→○カスタムスタイル の適用をクリックすると背景画像が固定化します。


5分もあれば出来るのでトライ!

背景画像の透明化

「マイページのスタイルシート」→「詳細編集」→「共通コンテンツ」→「コンテンツ領域」

overflow:hidden;
display:block;
上のような記述があります。

1.2番目の記述の下に↓を追加します。
            filter:alpha(opacity=90); ←コレ
overflow:hidden;
display:block;
filter:alpha(opacity=90);


数字の90を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。


右側のサイドメニュー欄(プロフ画像、カレンダー等)の透明化

「マイページのスタイルシート」→「詳細編集」→「サイドメニュー」→「サイドメニュー領域」

width:300px;
padding-bottom:10px;
background:#333;
上のような記述があります。

1.3番目の記述の下に↓を追加します。
           filter:alpha(opacity=90); ←コレ

width:300px;
padding-bottom:10px;
background:#333;
filter:alpha(opacity=90);

数字の90を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。



プロフィール画面の左側の透明化

「マイページのスタイルシート」→「詳細編集」→「プロフィール」→「左カラム領域」

display:block;
overflow:hidden;
background:#333;
上のような記述があります。

1.3番目の記述の下に↓を追加します。
          filter:alpha(opacity=90); ←コレ

display:block;
overflow:hidden;
background:#333;
filter:alpha(opacity=90);

数字の90を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります(^O^)

プロフィール画面の右側の透明化

「マイページのスタイルシート」→「詳細編集」→「プロフィール」→「右カラム領域」

display:block;
overflow:hidden;
上のような記述があります。

1.2番目の記述の下に↓を追加します。
         filter:alpha(opacity=90); ←コレ

display:block;
overflow:hidden;
filter:alpha(opacity=90);

数字の90を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります(^^♪

タブ(ブログ、愛車紹介、おすすめスポット等)の透明化

「マイページのスタイルシート」→「詳細編集」→「タブ」→「タブ(通常)のスタイル」

font-size:12px;
width:19.5%;
height:30px;
float:left;
display:block;
text-align:center;
background:#666;
margin:0 0.6% 0 0;line-height:2.5;
上のような記述があります。

1.9番目の記述の下に↓を追加します。
          filter:alpha(opacity=90); ←コレ

font-size:12px;
width:19.5%;
height:30px;
float:left;
display:block;
text-align:center;
background:#666;
margin:0 0.6% 0 0;line-height:2.5;
filter:alpha(opacity=90);

数字の90を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります(笑)


ヒマ人の私が「みんカラ」徘徊で情報収集いたしました。
情報を頂いた皆さんに感謝いたしますm(_ _)m

最終更新:2012年11月24日 21:42