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タグを教えて下さい。
結構、切羽詰ってるんです。お願いします!足りないところは随時補足します!
No.2ベストアンサー
- 回答日時:
こんばんは。
前回の質問も見させて頂きました。
前回の質問の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>
となります。
まだ起きてますので、解らない場合は再度補足で聞いて下さい。
No.7
- 回答日時:
メニューの編集クリック
スタイルの設定クリック
HTMLタグにスタイルを設定の右にある編集ボタンをクリック
カラーと背景をクリック
閉経画像のファイルの右にある参照ボタンをクリック
閉経画像を選択
属性をスクロールして張り込み方の固定をクリック
OK OK
これで完了
ビルダーをお使いなら、タグの知識がなくてもこの程度のことは出来ます。
がんばってください。
画像の使用については、他の方のおっしゃるように、直リンクはいけません。ダウンロードして、画像をファイルとして保存してお使いください。
ここでの、まとめての御礼になってしまいますが、ご了承下さい。
おかげ様で、無事にやりたい画像を固定する事に成功しました!
思い通りのページに仕上がりました。
また、壁にぶつかったら質問をするかと思います。
画像も自分でDLしていますので問題ないと思います。
本当に助かりました!ありがとうございます。
No.5
- 回答日時:
使いたい素材は直リンクではなく、必ず右クリックから自分のパソコンに保存し、HPのHTMLファイルなどと同じ場所にアップロードして使います。
ビルダーでの背景固定の操作・手順は、↓のURLに詳しく、または図解付きでありますよ。
http://www.wsb.jp/hpb/css/back.htm#02
http://hpb.cool.ne.jp/hpbuilder/ss_yoko.htm
この2つのサイトは参考になるのでお気に入りに入れとくといいかも。
ツールバーからスタイルシートマネージャーをクリック、「追加」で位置を指定すればいいです。
タグでは他の方が書かれているようにされるといいと思います。
No.4
- 回答日時:
すみません、No,2の者です。
この部分を書き込んでいるファイルと、このページに表示したいファイルを同じフォルダにし、表紙したい画像ファイルの名前を↑でいうと”画像のURL”という部分に書き込むだけです。
の部分ですが、表紙したい、ではなく、表示したい、です(^^;
すみません。
あと書き忘れたのですが、そのネット素材がホームページに利用出来る事が許可されていないと、著作権に触れてきてしまうので、その点は気をつけてくださいね。
No.3
- 回答日時:
こんばんは。
ビルダーは使用した事が無いのでちょっと操作方法はワカリマセンが、タグだけで良いのであれば。
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と書いてある行部分を参考にしてみてはどうでしょうか。
それでは。
No.1
- 回答日時:
それは右下固定ですか?
それでしたら、
--------------------------------------
<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/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
イラレで背景を透明にするやり...
-
WORD 2010 透かし画像の濃さの調整
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
Photoshopで画像解像度が300dpi...
-
GIFアニメを保存すると、白いふ...
-
particles.jsの背景の上にテキ...
-
IrfanView で画像のスクロール...
-
アイコンの背景を透過させたい
-
タイトルバーに画像を入れるHTM...
-
透過背景画像のビットマップ形...
-
IMGタグでTIFF画像を表示
-
たくさんのjpgファイルをスクロ...
-
一番解像度の高い画像を “Googl...
-
蔵衛門のアルバムの表紙の画像...
-
画像貼り付け、URLに飛べる軽い...
-
background-sizeの背景で最小値...
-
iframe内をクリックさせない方...
-
【至急お助け!】チェックボッ...
-
photoshopで埋め込んだ画像が荒...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
イラレで背景を透明にするやり...
-
WORD 2010 透かし画像の濃さの調整
-
画像処理 白→透明化(色無し)
-
Illustratorから印刷すると画像...
-
背景画像がテーブルに透けてしまう
-
Acrobatで印刷すると背景が消える
-
ピタット印刷
-
iTunes 8の背景色を変える方法...
-
イラストの背景を純白の白にす...
-
背景画像を左下に固定+背景色...
-
premiere CS3 背景色の変更
-
ホームページビルダー6.5の背景...
-
動画の人物だけを消して背景だ...
-
HPの真ん中を浮かせるようにす...
-
DWまた質問させていただきます...
-
添付画像のトイレットペーパー...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
<hr>の縦バージョンはありますか?
-
画像貼り付け、URLに飛べる軽い...
おすすめ情報