ジェダイのブログ一覧

自分が忘れない為に・・・＾＾；

ブログ上部に入れる画像のサイズは「高さ289px 横929px」

背景画像の固定化

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

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

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

２．２番目の記述の　#000000　を　transrate に変更

これで背景が固定されます。
（※注意　簡易編集を変更する度に再度やり直す必要があります。）





その背景画像が見える様に透明化

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

overflow:hidden;
display:block;

上のような記述があります。
１．２番目の記述の下に↓を追加します。
　filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;　←コレ

数字の７0、０．７を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。
（８０なら下の記述の数字も０．８に揃える）




右側のサイドメニュー欄（プロフ画像、カレンダー、お友達、カテゴリー等）の透明化

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

width:300px;
padding-bottom:10px;
background:#333;

上のような記述があります。
１．３番目の記述の下に↓を追加します。
　filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;　←コレ

数字の７0、０．７を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。
（８０なら下の記述の数字も０．８に揃える）




プロフィール画面の左側（プロフ画像、友達、ファン）の透明化

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

display:block;
overflow:hidden;
background:#333;

上のような記述があります。
１．３番目の記述の下に↓を追加します。
　filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;　←コレ

数字の７0、０．７を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。
（８０なら下の記述の数字も０．８に揃える）





プロフィール画面の右側（自己紹介、最新ブログ等）の透明化

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

display:block;
overflow:hidden;

上のような記述があります。
１．２番目の記述の下に↓を追加します。
　filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;　←コレ

数字の７0、０．７を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。
（８０なら下の記述の数字も０．８に揃える）





タブ（ブログ、愛車紹介、おすすめスポット、掲示板、プロフ）の透明化

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

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=70);
-moz-opacity:0.7;
opacity:0.7;←コレ

数字の７0、０．７を小さくすれば透明率が高くなり背景が見易くなります。反対に文字は薄くなります。
（８０なら下の記述の数字も０．８に揃える）



変更した度に「保存」を押す。

最後に「スタイルシート」の「スタイル洗濯」の一番下に「カスタムスタイル」の「適用」「プレビュー」項目があるので「適用」を押す。

これで上手く変更されていると思います。

スタイルシート変更時のやり方を自分自身覚えておく為新しいカテゴリ「EP16. minkara Customize」を追加しておきます。

第１回目は記事をＵＰする際に便利なカスタマイズです。

記事の始めには簡単に画像をＵＰできますが、記事の途中にはＢＢＳ（Ｍｙ掲示板）を利用したＵＰ方法があります。


１．ＵＰしたい画像をＢＢＳ（Ｍｙ掲示板）にＵＰする。

２．ＵＰした画像を左クリックすると別ページに「Photo」と表示され画像が開きます。

３．その画像の上で右クリックして「画像リンクをコピー」を選択。

４．記事作成中、画像を貼り付けたい所にカーソルを持って行き、「その他」の項目の「画像」を選択。すると、「画像のＵＲＬを入力してください。」と出るので、そこにコピーしたアドレスを貼り付ける。

４．張り付けてＯＫすると　＜img src='https://cdn.snsimg.carview.co.jp/minkara/mybbs/000/003/108/426/0000000/p1.jpg?ct=7dec2ef772c5' border='0' alt='' /＞

↑こんな感じで表示されるはず。


これでＵＰしていると思いますが、画像が大きすぎる場合があります。
その場合は、貼り付け後の最後の「　border='0' alt='' /　」後に、「　width='520'height='390' 」を加えます。

width　は画像の幅で height　は画像の高さを表します。

数字は自分で確認してみて好みな大きさにしてください。(520の幅と390の高さが丁度いいかもしれません。）