• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
アブビギに対するご意見・ご要望・ご連絡などなど、ご自由に記 載下さい。
ヘッダーの画像 [ 唯パパ ] 2005/04/02 01:28:59
ア・ブ・ビ・ギ・さ・ん
タスケテクダサイ。

みんからのデザイン変更頑張っているのですが 一つ分かりません。
ホントは一つじゃないんですが・・・。

画像を取り込む事は出来たんですが、画像の位置が定まりません。
画像の大きさとかを弄る箇所は分かるのですが・・。
ど~やったらアブビギさんみたいに オデのお目めと 真新しいグリル
の画像になるのでしょうか?

上下の画像位置調整する箇所あるのでしょうか?
この画像が変えられると、楽しくなりますので、頑張ってください。

まず、唯パパさんの、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;
}
Re^2:ヘッダーの画像 [ 唯パパ ] 2005/04/03 02:04:34
いやぁ~!お陰さまで 何とか写真載せることが出来 色も変えれまし
た。 よ~分からん状態でしたが 出来ました(^^)

何となく書いてる暗号の意味が分かりつつあります。
ホント有難うございました

次はフッダーに挑戦!
うまく行ってるじゃないですか。良かった、良かった(^^)

それにしても背景の色、渋いですね。ヘッダーの画像は、一瞬「うちの
無限グリル」と思いました。唯パパさんが実物を見たというのはこの方
のなんですね。

人のホームページを見てて「これだ!」と思ったらソースを見てみると
良いです。

そうですね、次はフッターです。「頭」をやって「足」を放っておくわ
けには行きません。私でよければ何でも聞いてください。答えられるも
のばかりでは無いかもしれませんが。
© LY Corporation