「ほっ」と。キャンペーン
趣味のこと............嬉しかったこと!楽しかったこと!心に残った思いを記事にしていきます ☆
エキサイトブログの「タイトル」に画像を挿入しましょう!(スキン編集です)
本日は、スキン編集をしたいと思います。


タイトルの背景に「画像」を挿入します!!!




「CSS編集」で出来ますが、私のPCがMacなので、Windowsの場合の画面がわかりません........大汗

*私のPCでは上手くいったのですが、スキン編集......あくまでも自己責任と言う事でお願い致します。

「HTML編集」と「CSS編集」を最初に「コピー」しておく事をオススメします!








*それでは!始めましょう!!




c0114492_205491.jpg
*最初に「設定」→「スキン変更」をクリックします!
「HTMLベーシック」を選びました。
「編集」をクリックします。





c0114492_2055253.jpg
*色は「ホワイトホワイト」..........。





c0114492_20563864.jpg
*私は横幅「横幅900px」の写真を使いましたので、コチラでブログのサイズを変更します。
(最終的に幅が合いませんでしたが、調整しました!後で補正が出来ます)





c0114492_2058043.jpg
*「本文横幅」を750pxに設定しました。





c0114492_20585369.jpg
*次に「画像」を登録します!
マイイメージアカウントにイメージを登録をクリック!

タイトルに使用したい「画像」を「マイイメージ登録」をします。(コレは大事です!)
画像ソフトでサイズを調整して下さい。
注)違う「タイトル画像」の方法もあります!近々Upしますね!!





c0114492_2059842.jpg
*私がイメージ登録した画像です。
http://pds.exblog.jp/pds/1/200707/18/92/DSC_0015_Copy.jpg
WIDTH=900 HEIGHT=380

コチラが表示されます!このURLをコピーしますよ!






c0114492_20592377.jpg
*CSS編集のこの部分を探して下さい!
上の方にあります。





c0114492_2059408.jpg
*こんな感じで追加します。

追加した部分は......

BACKGROUND:#FF0000 url(http://pds.exblog.jp/pds/1/*******/18/92/DSC_0015_Copy.jpg); no-repeat;



注!)「http://pds.exblog.jp/pds/1/200707/18/92/DSC_0015_Copy.jpg
WIDTH=900 HEIGHT=380」の「WIDTH=900 HEIGHT=380」は削除して下さい!
正しく画像が出ません.........多分........私が未熟かなぁ〜大汗)

後ほど新たに「横幅」と「高さ」を指定追加します!!!


*........#FF0000は、もしも画像が出ない時に「色」をブログに出す保険です。
(#FF0000は赤ですよ!バックの色が:白:なので#FFFFFF←白のコードが本当は良いです。)





c0114492_20595248.jpg
*あはっ!高さ「HEIGHT」が合っていません........画像が切れています。(大汗)
高さ「HEIGHT」を指定します!!!





c0114492_2101011.jpg
*一応..........「横幅」も指定しました。



DIV#TOP {BACKGROUND:#FFFFFF url(http://pds.exblog.jp/pds/1/200707/18/92/DSC_0015_Copy.jpg); no-repeat;
BORDER-BOTTOM : 5PX #CC0000 SOLID;
MARGIN-BOTTOM : 30PX;
         * 〜この間〜*
TEXT-ALIGN : LEFT;
}


上記のところにWIDTH:900px;HEIGHT:380px;を追記します!





c0114492_2102458.jpg



*はい!こんな感じで!「画像」を挿入出来ました!!!!!


タイトルの「フォント」と「トップ/投稿/設定」の色は次回に..........
&URLの色も........大汗








*最後に...........この大きさのタイトル画像(900px)ですと、本文とロゴ、メニュー欄の合計サイズが合いませんでした。(大汗)

「WIDTH:900px;HEIGHT:380px;」の部分を「WIDTH:980px;HEIGHT:380px;」にするとバッチリ!合いましたよ!!!
(私のPC環境ですが.......Macです:大汗)

本文部分とロゴ&メニュー欄の間が「50px!?」あるのですね..........その他も!?(滝汗)
難しいです。(号泣)



<追記>
タイトル画像を横幅900から880にしてみました。
[PR]
by y-sakanaya | 2007-07-18 21:05 | スキン編集
<< タイトルの文字を変えてみます! 魚介目次 >>