ア・ブ・ビ・ギ・さ・ん
タスケテクダサイ。
みんからのデザイン変更頑張っているのですが 一つ分かりません。
ホントは一つじゃないんですが・・・。
画像を取り込む事は出来たんですが、画像の位置が定まりません。
画像の大きさとかを弄る箇所は分かるのですが・・。
ど~やったらアブビギさんみたいに オデのお目めと 真新しいグリル
の画像になるのでしょうか?
上下の画像位置調整する箇所あるのでしょうか?
この画像が変えられると、楽しくなりますので、頑張ってください。
まず、唯パパさんの、HTMLのソースを開いてみてください。(IEですと
表示→ソース です)
その中から #Header の部分を探してください。
そして、下記を参考にして書き換えてみてください。
画像の位置が定まらないのとのことですが、ポイントとしては、
①画像のサイズは横幅750pxにしてみてください。(たては何pxでも良い
ようです)
②ヘッダーに使用したい画像はドコに置いてますか?
とりあえず、原因を切り分けるためにみんカラの「フォトギャラリ
ー」に掲載してみてください。
この画像にリンクを張るのですが、この時background-image: urlで指定
するURLは、画像そのもののURLです。掲載した画像の上にカーソルを置
いて、右クリックをするとメニューが開きますので、一番下の「プロパ
ティ」をクリックして開いてください。ウィンドウの中に「アドレス:(U
RL)」がありますので、このURLをコピーして記載してください。
やってみてだめだったらそのままで、連絡を下さい。中身を見てみま
す。
/*ヘッダーの画像を入れ替えるところ*/
#Header
{
/*画像の中に入れる文字の位置を指定する*/
padding:90px 20px 5px; margin-top: 5px;
/*掲載する画像のURLを指定する*/
background-image: url('http://images.carview.co.jp/carl
ife/images/UserCarPhoto/60655/P5.jpg');
margin-bottom: 0px;
/*ヘッダーの画像のサイズを指定する(枠線を付けなければ必要ないか
も)*/
width: 750px;
height:116px;
/*ヘッダーの画像に枠線をつける*/
border: #A7A7A7 1px solid;
background-repeat: no-repeat;
}
うまく行ってるじゃないですか。良かった、良かった(^^)
それにしても背景の色、渋いですね。ヘッダーの画像は、一瞬「うちの
無限グリル」と思いました。唯パパさんが実物を見たというのはこの方
のなんですね。
人のホームページを見てて「これだ!」と思ったらソースを見てみると
良いです。
そうですね、次はフッターです。「頭」をやって「足」を放っておくわ
けには行きません。私でよければ何でも聞いてください。答えられるも
のばかりでは無いかもしれませんが。