プロが教えるわが家の防犯対策術!

http://oshiete1.goo.ne.jp/kotaeru.php3?q=1700741

上記の質問をした者です。
この上記の質問で、背景画面を一つの画像にして、スクロールしても固定するにはどうすれば良いかと言う質問をした所、それ用のHTMLタグを教えて下さいました。

が、いかんせん。HP作成にはド素人な者で、さっぱり理解出来ません(苦笑)
HEADの間に入れて下さい、と教えてもらい、その通りにやって見ましたが全然上手く行きません。
恐らく、HTMLの入力の仕方が間違っていると思うんですが。

どなたか背景がスクロールをしても固定され、動かなくさせる方法を教えて下さい。
HTMLでやる場合には、HTMLのやり方も一から教えてくれると、大変助かります。(固定させる方法のみでいいです)

ちなみにソフトはホームページビルダー9です。

背景画像の素材は、ネット上の物なんですが、そこの置かれている画像を右クリックし、プロパティで表示されたアドレスと言う項目のURLがHTMLに入力する画像URLだと聞きましたが、それで大丈夫なんでしょうか?

http://space4410.sunnyday.jp/go-9866.jpg

↑が、その素材の画像URLです。
このURLを使用し、ビルダーに表示される様に、全てのHTMLタグを教えて下さい。
結構、切羽詰ってるんです。お願いします!足りないところは随時補足します!

A 回答 (7件)

こんばんは。


前回の質問も見させて頂きました。
前回の質問のNo,1の方が詳しく回答下さっているので、その通りにすれば出来るはずなんですが…

更に解りやすくするには、いきなり画像を固定したページにチャレンジするのではなく、画像の固定を試す為だけのページ(HTMLファイル)を作ってはいかがでしょうか?
そのファイルに前の質問の方のを抜粋すると、
<STYLE type="text/css">
<!-- BODY {
background-color: #------;
background-image : url("画像のURL");
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
} -->
</STYLE>

上記を書きます。(一番上の中央に固定の場合)

問題の画像URLの部分ですが、質問者さんがおっしゃっているやり方ですと、画像をホームページに公開している人のファイルに直接リンクをいうものを貼り、表示する事になってしまいます。
ですから一度ダウンロードをし(画像の上で右クリックをして、名前をつけてファイルを保存)、一度自分のパソコンに取り込みます。
そしてファイルの名前を好きなものに変更します。(そのままでも問題ないですが)

そして最後に、教えて頂いた
<STYLE type="text/css">
<!-- BODY {
background-color: #------;
background-image : url("画像のURL");
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
} -->
</STYLE>
この部分を書き込んでいるファイルと、このページに表示したいファイルを同じフォルダにし、表紙したい画像ファイルの名前を↑でいうと”画像のURL”という部分に書き込むだけです。
例えばファイルの名前をGOOL.jpgにした場合は
<STYLE type="text/css">
<!-- BODY {
background-color: #------;
background-image : url("GOOL.jpg");
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
} -->
</STYLE>
となります。
まだ起きてますので、解らない場合は再度補足で聞いて下さい。
    • good
    • 0

メニューの編集クリック


スタイルの設定クリック
HTMLタグにスタイルを設定の右にある編集ボタンをクリック
カラーと背景をクリック
閉経画像のファイルの右にある参照ボタンをクリック
閉経画像を選択
属性をスクロールして張り込み方の固定をクリック
OK OK
これで完了
ビルダーをお使いなら、タグの知識がなくてもこの程度のことは出来ます。
がんばってください。

画像の使用については、他の方のおっしゃるように、直リンクはいけません。ダウンロードして、画像をファイルとして保存してお使いください。
    • good
    • 0
この回答へのお礼

ここでの、まとめての御礼になってしまいますが、ご了承下さい。

おかげ様で、無事にやりたい画像を固定する事に成功しました!
思い通りのページに仕上がりました。

また、壁にぶつかったら質問をするかと思います。
画像も自分でDLしていますので問題ないと思います。

本当に助かりました!ありがとうございます。

お礼日時:2005/10/10 18:47

回答も出てますので 一言 素材屋さんの直リンクはしないようにしましょうね!

    • good
    • 0

使いたい素材は直リンクではなく、必ず右クリックから自分のパソコンに保存し、HPのHTMLファイルなどと同じ場所にアップロードして使います。



ビルダーでの背景固定の操作・手順は、↓のURLに詳しく、または図解付きでありますよ。
http://www.wsb.jp/hpb/css/back.htm#02
http://hpb.cool.ne.jp/hpbuilder/ss_yoko.htm

この2つのサイトは参考になるのでお気に入りに入れとくといいかも。

ツールバーからスタイルシートマネージャーをクリック、「追加」で位置を指定すればいいです。

タグでは他の方が書かれているようにされるといいと思います。
    • good
    • 0

すみません、No,2の者です。



この部分を書き込んでいるファイルと、このページに表示したいファイルを同じフォルダにし、表紙したい画像ファイルの名前を↑でいうと”画像のURL”という部分に書き込むだけです。

の部分ですが、表紙したい、ではなく、表示したい、です(^^;
すみません。

あと書き忘れたのですが、そのネット素材がホームページに利用出来る事が許可されていないと、著作権に触れてきてしまうので、その点は気をつけてくださいね。
    • good
    • 0

こんばんは。


ビルダーは使用した事が無いのでちょっと操作方法はワカリマセンが、タグだけで良いのであれば。

http://okweb.jp/kotaeru.php3?q=1327069

のNo.1の方のURLを見てみて下さい。
で、『壁紙固定 サンプル』リンクを押下。
そうすると、ワンコの絵が右に出てきますよね。

http://www.aimix.jp/hklocksample.html

で、IEのメニューの表示→ソースを選択してみて下さい。
すると、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>背景画像固定 サンプル</TITLE>
</HEAD>
<BODY style="background-image : url(aimixlogoy.jpg);background-repeat : no-repeat;background-attachment : fixed;background-position : right center;">
<P align="center"><FONT color="#0080ff"><B><BR>
1<BR>
~~~~~~
<!--<ADDRESS>http://www.aimix.jp/</ADDRESS>-->
</BODY>
</HTML>

とかって出てくるかと。
この中でjpgと書いてある行部分を参考にしてみてはどうでしょうか。

それでは。
    • good
    • 0

それは右下固定ですか?


それでしたら、
--------------------------------------
<html>
<head>
<style type="text/css">
<!--
body{
background-image: url(背景画像のURL);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right bottom;
}
-->
</style>
</head>
<body>



</body>
</html>
--------------------------------------
多分これで大丈夫だと思います。
「背景画像のURL」というところに、写真のURLを入れれば大丈夫です。

左下にしたい場合はrightの部分をleft、右上にしたいときはbottomの部分をtop、にしてください。
中央固定はright bottomの部分をcenterにしてください。

サイト作り、頑張ってください。

参考URL:http://chips.jpnet.biz/
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!