ユダ会長のブログ一覧

前回の続きです。

そう･･･

とんでもない事実が発覚する！

続く･･･

で終わっていましたが･･･



驚愕の事実が発覚！




遂に最終回
FORDエスコートの修理～悪夢5「遂に最終回」編

前回紹介した画像のアップロードで背景画像も変更する事ができます。

その他bodyクラス内では、色々な設定を変えることが出来ます。
スクロールバーの色やフォント、カーソル（説明が面倒なので省略）の変更など。

body部分を書き換えます。
書き換えに関しての詳細は「スタイルシートについて考える」を御参照ください。
赤い文字の部分が編集項目です。
/*/～/*/はコメントアウト
あくまで自己責任でお願いします。

以下がソースです。


/*/--------------------------------------------------------------------/*/
/*/----------------------------基本設定--------------------------------/*/
/*/--------------------------------------------------------------------/*/

/*/---CSSで指定されていない文字---/*/
/*/---------自分の名前　お友達募集メッセージ　自己紹介のタイトル（現住所等）最新ブログの日付　愛車紹介コメント　フォトギャラリーのコメント等-----------/*/

body
{
color: #ffffff;
padding-right: 6px;
padding-left: 2px;
padding-top: 8px;
padding-bottom: 2px;
background-image: url('http://～アップロードした画像のアドレス');
margin: 0px;
text-align: center;
line-height:1.4;/*/行間設定/*/

/*/スクロールバーの色/*/
scrollbar-3d-light-color: #AAA9A9;
scrollbar-arrow-color: #000000; /*/矢印の色/*/
scrollbar-base-color: #423E3D; /*/外枠/*/
scrollbar-face-color: #423E3D;/*/スクロールバーの色/*/
scrollbar-highlight-color: #AAA9A9; /*/右と上の色/*/
scrollbar-shadow-color: #423E3D;/*/左と下の色/*/

/*/その他オプション（コメントアウトしてあります。）
// background: #000000;//背景色
//font-family:sans-serif;//フォントの種類
//font-size:12px; //フォントサイズ
//font-weight: 400; //フォントの太さ100～500までは変わらない？
//text-indent: 20%; //インデント
/*/
}

引き続きカーマガジンでお馴染み奥村君のエスコートの作業。
無事にエンジンが乗っかり、あとは楽勝ムード。

ピリピリした雰囲気も無く和気藹々と作業が進みます。
たいした作業も残っていませんからね。
と･･

思っていたら･･･



FORDエスコートの修理～悪夢4「エスコート大地に立つ！？」編

ブログのヘッダーやフッターの画像は簡単に設定できます。
色々なサイトで紹介されていますが、簡単に説明しておきます。


まずは「スタイルシート用画像」
から画像をアップロード
画像のサイズは横幅750pxが望ましいでしょう。

アップロード後は枠内にアドレスが表示されるます。

このアドレスは後から必要になります。


スタイル編集ボタンで編集画面へ


スタイルを読み込んでから編集を行います。


#Headerの部分と
#Footerの部分を探して書き換えます。
//はコメントアウトです。
コメントアウトした部分はスルーされます。
http://～アップロードした画像のアドレス
の部分をアップロードした画像のアドレスに書き換えます。
width:
height:
はアップした画像のサイズを指定します。
書き換えに関しての詳細は「スタイルシートについて考える」を御参照ください。
あくまで自己責任でお願いします。


/*/--------------------------------------------------------------------/*/
/*/------------------------------ヘッダー------------------------------/*/
/*/--------------------------------------------------------------------/*/
#Header
{
padding:15px;
margin-top: 5px;
/*/ background: #353535;/*/
margin-bottom: 0px;
/*/---画像を使う場合はアップした画像のアドレスをbackground-image: urlで指定---/*/
/*/-----画像を繰り返し表示したくなければno-repeat-------/*/

background-image: url('http://～アップロードした画像のアドレス');
background-repeat: no-repeat;
width: 750px;
height: 300px
}

/*/--------------------------------------------------------------------/*/
/*/------------------------------フッター------------------------------/*/
/*/--------------------------------------------------------------------/*/
#Footer
{
/*/----アップした画像のアドレスをbackground: urlで一括指定する例------/*/
/*/background: #444444;/*/
background: url('http://～アップロードした画像のアドレス') no-repeat;
width: 750px;
height: 300px

}

とりあえず使える部品をスペアに移植してエンジンを載せる事にしました。

でも簡単には終わらせてくれません。

まぁみんなで楽しみながらやってるんで･･･
といいながら殺気立ってましたが(；´Д`A ```





という事で今回は
FORDエスコートの修理～悪夢3エンジンを載せよう～！編