- ベストアンサー
素人で分りません、助けてください!
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タグを教えて下さい。 結構、切羽詰ってるんです。お願いします!足りないところは随時補足します!
- みんなの回答 (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> となります。 まだ起きてますので、解らない場合は再度補足で聞いて下さい。
その他の回答 (6)
- alba0910
- ベストアンサー率29% (12/41)
メニューの編集クリック スタイルの設定クリック HTMLタグにスタイルを設定の右にある編集ボタンをクリック カラーと背景をクリック 閉経画像のファイルの右にある参照ボタンをクリック 閉経画像を選択 属性をスクロールして張り込み方の固定をクリック OK OK これで完了 ビルダーをお使いなら、タグの知識がなくてもこの程度のことは出来ます。 がんばってください。 画像の使用については、他の方のおっしゃるように、直リンクはいけません。ダウンロードして、画像をファイルとして保存してお使いください。
- natatin
- ベストアンサー率50% (1322/2599)
回答も出てますので 一言 素材屋さんの直リンクはしないようにしましょうね!
使いたい素材は直リンクではなく、必ず右クリックから自分のパソコンに保存し、HPのHTMLファイルなどと同じ場所にアップロードして使います。 ビルダーでの背景固定の操作・手順は、↓のURLに詳しく、または図解付きでありますよ。 http://www.wsb.jp/hpb/css/back.htm#02 http://hpb.cool.ne.jp/hpbuilder/ss_yoko.htm この2つのサイトは参考になるのでお気に入りに入れとくといいかも。 ツールバーからスタイルシートマネージャーをクリック、「追加」で位置を指定すればいいです。 タグでは他の方が書かれているようにされるといいと思います。
- ddr2700
- ベストアンサー率41% (60/145)
すみません、No,2の者です。 この部分を書き込んでいるファイルと、このページに表示したいファイルを同じフォルダにし、表紙したい画像ファイルの名前を↑でいうと”画像のURL”という部分に書き込むだけです。 の部分ですが、表紙したい、ではなく、表示したい、です(^^; すみません。 あと書き忘れたのですが、そのネット素材がホームページに利用出来る事が許可されていないと、著作権に触れてきてしまうので、その点は気をつけてくださいね。
- hiro823
- ベストアンサー率25% (74/285)
こんばんは。 ビルダーは使用した事が無いのでちょっと操作方法はワカリマセンが、タグだけで良いのであれば。 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と書いてある行部分を参考にしてみてはどうでしょうか。 それでは。
- pupuco
- ベストアンサー率34% (27/79)
それは右下固定ですか? それでしたら、 -------------------------------------- <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/
お礼
ここでの、まとめての御礼になってしまいますが、ご了承下さい。 おかげ様で、無事にやりたい画像を固定する事に成功しました! 思い通りのページに仕上がりました。 また、壁にぶつかったら質問をするかと思います。 画像も自分でDLしていますので問題ないと思います。 本当に助かりました!ありがとうございます。