しんごのパパのブログ一覧

ツイスターさんに送って頂いた画像を加工して
ヘッダーの画像を差し替えました！

先ほど頂いたばっかりなのに、出張中のホテルの部屋で仕事用の
パソコンちゃんに画像編集ソフトを落としてインストール。

ナンバーを消して
横幅を930ピクセルにリサイズして
文字を入れて。。。保存！！！

画像をアップロードしたら、
縦サイズが今までのヘッダー画像が170ピクセルでしたが→今回の画像は199ピクセルなので、
ヘッダーの高さのプロパティを変更して、
画像のアドレスを変更したらこの通り！！！


いやぁ～格好良くなりました！


満足したんで、寝ます♪

いい夢見れそうｗｗｗ


スタイルシートの弄り方はコチラ！！

猿でも判る（？）スタイルシート設定方法です。

該当箇所にコピペすれば、後々編集可能なレガシィ背景（黒）が出来上がります。


【スタイルシート　詳細編集】　ページの基本
　背景・ヘッダー画像の設定
　私はカウンターもココに設置してます

【スタイルシート　詳細編集】　タブ
　自分のページ用タブ（ブログ・愛車紹介・おすすめスポット・掲示板・プロフィール）設定
　私はアクセス解析をタブの左下に表示しているので、ここで設定してます

【スタイルシート　詳細編集】　コンテンツ共通
　ブログの最下段の横長背景画像の変更はココ！

【スタイルシート　詳細編集】　ブログ
　ブログ上部の日付欄の背景画像はココ！

【スタイルシート　詳細編集】　愛車紹介
　標準設定の貼り付けのみ

【スタイルシート　詳細編集】　スポット／マイ掲示板
　標準設定の貼り付けのみ

【スタイルシート　詳細編集】　コメント
　標準設定の貼り付けのみ

【スタイルシート　詳細編集】　プロフィール
　標準設定の貼り付けのみ

【スタイルシート　詳細編集】　サイドメニュー
　広告より下部分の各種設定
　私はなかのひとをココに設置しています
　　＊4/8昼間にみんカラの仕様変更で、なかのひとの設定を変えました

ちなみにレガシィ黒背景のみんカラでの標準設定の番号が「030」となっていて
ページの基本の　「ユーザー領域」
タブの　「タブ（通常）のスタイル」「タブ（通常）のリンク（マウスオーバー）」「タブ（選択中）のスタイル
コンテンツ共通の　「コンテンツ表示下部」
ブログ　「ブログ日付」
愛車紹介　「愛車リスト－愛車名」
サイドメニューの　「サイドメニュータイトル」「何シテル？ヘッダー」「何シテル？領域」「何シテル？フッター」
でリンクされているアドレスの「030」を別の数字に変えると、他の標準背景の物に変わるらしいですが、
背景とのバランスや画像のサイズが違っていたりすると表示がおかしくなるかも…

レガシィ黒のスタイルシートをパクって、詳細編集する方法（９／９）です。

吸い出したＣＳＳと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪

サイドメニュー

サイド領域
overflow:hidden;
display:block;
＜↓なかのひと128pxの設定↓未使用なら記入不要＞
padding-bottom:140px;
background:url('なかのひとのURL') no-repeat 50% 100%;
↑ユーザー自己紹介へ移動しました。

サイド領域リンク
無し

サイド領域リンク（訪問済み）
無し

サイド領域リンク（マウスオーバー）
無し

サイドメニュー領域
width:300px;
padding-bottom:10px;
background:#000;

サイドメニュータイトル
height:38px;
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/subtitle_bg.gif) no-repeat top center;
color:#ccc;
text-align:center;
line-height:3;

サイドメニュータイトルリンク
color:#ccc;
text-decoration:underline;

サイドメニュータイトルリンク（訪問済み）
color:#ccc;

サイドメニュータイトルリンク（マウスオーバー）
color:#2E5F9A;
text-decoration:none;

サイドメニュー
margin:10px;

ブログカレンダー
width:100%;
text-align:center;

ブログカレンダー当日
background:#2E5F9A;

ブログカレンダー当日リンク
color:#ccc;

ブログカレンダー当日リンク（訪問済み）
color:#ccc;

ブログカレンダー当日リンク（マウスオーバー）
color:#ccc;

ブログカレンダー記事あり
font-weight:bold;

ブログカレンダー記事ありリンク
無し

ブログカレンダー記事ありリンク（訪問済み）
無し

ブログカレンダー記事ありリンク（マウスオーバー）
無し

何シテル？ヘッダー
width:260px;
margin:0 auto;
height:16px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/nanisiteruheader.gif) no-repeat top center;

何シテル？領域
width:250px;
margin:0 auto;
padding:5px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/nanisiteru.gif) repeat-y center;

何シテル？フッター
width:260px;
margin:0 auto;
height:5px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/nanisiterufooter.gif) no-repeat top center;

何シテル？本文
text-align:right;
font-size:10px;
margin:0px;
font-family:verdana,Tahoma,Sans-serif;

ユーザー名領域
margin:0.5em 0;

ユーザー名
無し

ユーザー名（マウスオーバー）
無し

ユーザー自己紹介
padding-bottom:140px;
background:url('なかのひとのURL') no-repeat 50% 100%;


リンクカテゴリ
margin-bottom:0.5em;
font-weight:bold;

リンクリスト
list-style:square;
margin:0 0 1em 1em;
padding:0 0 0 1.5em;
color:#ccc;