★海月ちゃん★のブログ一覧

目玉焼き＆ハンバーグ
オニオンコンソメスープ

信州からのいただきもののチンゲン菜で
かにかまクリームあんかけ
チャーハン
わかめの中華スープ

ごちそうさまでしたm(｡_"_)m

ねぎとえびのかきあげ
みそ汁

ねぎはいただきもの
ごちそうさまでしたm(｡_"_)m

たとえばみんカラの背景を　自分の車やバイクに近い色にしたいけど、
なかなか似たカラーコードが見つからない(ﾉω・、)
そんなときは
ペイントで愛車画像を開き、カラーコードに変換したい部分の色を
スポイトアイコンをクリックして抜き、
「色」→「色の編集」→「色の作成」をクリック

赤***　青***　緑***
のように3ケタの数字が3つ入っているので
カラーコード変換ツールサイトで入力して変換する。

今日の夕飯のたまごの黄身の色を試してみよ。
赤232　青174　緑30
変換↓
#e8ae1e

ふむふむ(･ω･)b
ちなみに　シンプルな黄色はこれ　#FFFF00　Yellow

夕飯日記090927
ねぎトロ丼
みそ汁

自分用メモです。
素人なので質問は無しで…(；^_^A ｱｾｱｾ･･･

ブログ欄だけでなく、愛車紹介・おすすめスポット欄も背景が入ってしまいます。

①スタイルシート→詳細編集→ コンテンツ共通→コンテンツ表示

元のスタイルシート
margin:0px;
padding:10px 20px 8px 20px;
background:#fff url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/contents.gif) repeat-y;
width:580px;



変更後
margin:0px;
padding:10px 20px 8px 20px;
background-color:#ffffff;
background-image:url(貼りたい背景画像);
background-repeat:repeat-y;
background-position:center;
width:580px;

※縦のみ繰り返し　repeat-y


②スタイルシート→詳細編集→ コンテンツ共通→コンテンツ表示上部
元のスタイルシートの
画像(.gif)を抜いて
背景色タグを挿入

margin:0px;
padding:0px;
background-color:#f9ece4;
height:4px;
width:620px;
clear:both;

③スタイルシート→詳細編集→ コンテンツ共通→コンテンツ表示下部
元のスタイルシートの
画像(.gif)を抜いて
背景色タグを挿入

margin:0 0 10px 0;
padding:0px;
background-color:#f9ece4;
height:4px;
width:620px;



すると、
Posted at 2009/05/17 23:29:18 | コメント(0) | トラックバック(0) | の部分が
白抜きになってしまったので

④ブログ情報欄の背景色「白」をけずりました。

スタイルシート→詳細編集→ブログ→ブログ情報div.blogPosted
元のスタイルシート
clear:both;
text-align:right;
background:#ffffff:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/line.gif)
repeat-x top;
margin-top:2em;
padding-top:10px;
font-size:12px;
width:100%;


の:#ffffffを抜く


↓
変更後
clear:both;
text-align:right;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/line.gif)
repeat-x top;
margin-top:2em;
padding-top:10px;
font-size:12px;
width:100%;

⑤おすすめスポットの背景色白を透過させる。
スタイルシート→詳細編集→スポット/マイ掲示板→スポットリストタイトル

元の文
margin:0px;
padding:6px 3px;
text-align:left;
background:#fff url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/line.gif) repeat-x bottom;

から、#fffを消す。
変更後

margin:0px;
padding:6px 3px;
text-align:left;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/line.gif) repeat-x bottom;

スポットリスト内容も同じく
⑥スタイルシート→詳細編集→スポット/マイ掲示板→スポットリスト内容

元の文
padding:6px 3px;
background:#fff url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/line.gif) repeat-x bottom;

変更後
padding:6px 3px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/001/line.gif) repeat-x bottom;

プレビュー後、ＯＫだったら保存。

愛車紹介のページが背景画像がずれて、背景色白が目立つので
背景画像と同色に変更


①スタイルシート→詳細編集→コンテンツ共通→コンテンツ表示

変更前
margin:0px;
padding:10px 20px 8px 20px;
width:580px;
background-color:#ｆｆｆ;
background-image:url(画像.jpg);
background-repeat:repeat-y;
background-position:center;

#fffを

変更後
margin:0px;
padding:10px 20px 8px 20px;
width:580px;
background-color:#f9ece4;
background-image:url(画像.jpg);
background-repeat:repeat-y;
background-position:center;