• ベストアンサー

ホームページNinjaでの　背景・レイアウト枠について

ホームページNinjaにて ホームページを作成しております。 いろんなホームページで見かけるのですが、 スクロールすると、 背景画像が固定されていて、 前面の画像や文章だけがスクロールする ページがあります。 あれは、 どうやって設定すればいいのでしょうか? どなたか、 教えてください！！！

質問者が選んだベストアンサー

  • ベストアンサー
回答No.11

やった！！やりましたね！もう一息お付き合い致しますよ～。 あとはタグに付け足ししてあげるだけです。 <body BACKGROUND="sky.jpg" BGPROPERTIES=FIXED style="background-repeat:no-repeat" style="background-position:top left"> ↑コピー＆ペーストでも大丈夫です。下２行が追加です。 　３行目「背景の繰り返し：繰り返さない」(１画像分だけ表示) 　４行目「背景の位置：左上」 です。４行目の『top left』の綴りが、固定する“場所”を指しているので ここを 　「右下に固定」なら『bottom right』 　「中央に固定」なら『center』 に書き換えればＯＫです。 Ringoさんの努力の結晶、私も拝見して喜びたいです（笑） また上手くいかなかったら返信下さいませ。

Ringo1227
質問者

お礼

やったー！ できました！！！ できましたよ！！！！ ほんとうに、 もうなんてお礼を言ったらよいのやら・・・ 。・゜・(ノ∀`)・゜・。 ありがとうございます！！ 写真素材のページとかで、 背景が止まっているのを見て かっこいいなーと憧れていたんです。 私なりに調べてみたのですが、 ほんとーーに何書いてあるかわからなくて。 画像のURLって、どう入れたらいいの！？みたいな。 懇切丁寧に、おばかなわたしにも分かる説明をして下さって、ほんとうにありがとうございました！！！ これからは ちょっと自分でも勉強してみたいと思います。 また教えて！！！とお願いするかもですがヽ(´ー｀)ノ そのときはよろしくお願いします。 努力の結晶、ぜひ見ていただきたいので、 出来上がり次第またお知らせします。 ちょっとキャラじゃない気取ったページで お恥ずかしいですが(〃▽〃) それでは 本当にありがとうございました！！！！！

その他の回答 (10)

回答No.10

すごく頑張ってらっしゃいますね。私も頑張ります(笑) 焦らず解決してきましょ。 とはいえ、決定打になる解決策が見つからないので、思いつくところ書き出してみました。 ぱっと見、手間ですが(；^_^A 試してみて貰えますか？ １．ブラウザは？ 　私が使っているのはInternet Explorer 6 です。Ringo1227さんは何をお使いですか？ 　Net Scape など、背景を固定できないブラウザがあるらしいのですが…。 ２．正常にアップロードされているか 　Ninjaは使わないので終了して… 　≪タグ≫ 　背景を固定したいができない問題のホームページをブラウザで開いて、 　　　(IE6の場合)　上部ツールバーの【表示】→【ソース】 　　　HPがタグの形で表示されるので、前半の 　　　　<HEAD>　から　</HEAD>　の間に、件のタグがあるかどうか確認してみてください。 　≪画像≫ 　ホームページのトップページのアドレスが 　　http://○○○○.hp.infoseek.co.jp/　　　　　　　もしくは 　　http://○○○○.hp.infoseek.co.jp/index.html　　だとすると 　　http://○○○○.hp.infoseek.co.jp/sky.jpg　 　　　　にアクセスしてみて、画像が見れれば問題ないのですが。 ３．Ninjaをアップデートしてみる 　ホームページNinja 2003 for Windows 3.0.3アップデート 　http://www.ifour.co.jp/support/updater/hpn2003303/ 　もし、メモ帳に書いたテキストが文字化けしてしまうのならバグの可能性が高いかと。 　私のNinja8では、メモ帳でテキスト挿入する限り文字化けはありませんでした。 　※アップデートの前に、必ずHPデータのバックアップを！！ それとお聞きしたいんですが、問題の背景はどうやって表示されるんでしょうか？ 　　１．何も表示されない 　　２．添付ファイルと関係ない、Ninjaが勝手に指定した背景が表示される 　　３．添付ファイルの背景が表示されるがスクロールしてしまう と、こんなところなんですが(汗) ちなみに Ninja2003 と Ninja8 の操作法・仕様はほとんど一緒のようで、 その辺の心配は無いみたいです。念のため調べてみますけども。 パソコンて上手く行かないとホントに嫌になっちゃいますよね(笑) お察しします。 いつでもいいので。気が向いたら返信下さいねー。

参考URL：
http://www.ifour.co.jp/support/updater/hpn2003303/
Ringo1227
質問者

補足

おへんじがおそくなりました！ ぬおー！ できました、できました！ なぜか突然に笑 前やったときは、 1.何も表示されない だったのですが。 すごーい！ うれしい、うれしいよー！ しかし、新たな問題勃発なのです。 あのー、表示されたは良いのですが、 「並べて表示」になってしまうのです。 画像がならんでたくさん出てくるんです。 ひとつだけ固定するようにしたいのですが。 「左上に固定」 「右下に固定」 「中央に固定」等 タグがあるのでしょうか？ すいません。 もう少しお付き合いください。

回答No.9

<body BACKGROUND="sky.jpg" BGPROPERTIES=FIXED> 調べました。すみません！私のミスです。 成功しなかったのは引用したタグに全角スペースが入っていた為と思われます(汗) 今度は自分のHPで確認取りました、大丈夫。 上記のタグを件の場所にコピー・貼り付けて貰えれば上手く行くと思います。 添付ファイルの事も言ってなかったです…。これはRingo1227さんのやった通りです。 (添付ファイルに、sky.jpgを追加する) いや、本当に申し訳ない… (；^_^A もしこれでも上手くいかなかったり、細かいレイアウトしたければ、また連絡下さい。 とことんお付き合いさせて頂きますのでっ。

Ringo1227
質問者

お礼

ありがとうございますぅーー 大変心強いですうーー(TдT) アリガトウ さて、教えていただいたとおり やってみたのですが・・・ できません・・・・ 1.新しい半角のタグを使用した 2.貼り付ける場所は間違ってない 3.正しいファイルを添付した 4.タグ内と添付したファイルにスペル間違いがないか確認した んですが・・・。 関連は無いかと思いますが HTMLタグの編集ダイアログの中に、 テキスト挿入　という ファイル名を引用できるボタンがありますよね？ あれを使うと、引用したファイル名が文字化けします・・。 ちなみに、バージョンは Ninja2003です。 うーーん。 せっかく御丁寧に教えていただいているのに・・・ 悔しいです、とっても。

回答No.8

実験します…。 <body BACKGROUND="sky.jpg" BGPROPERTIES=FIXED>

回答No.7

ホームページNinja8にて、できましたよ！ ページ編集画面にて 　　書式→ページのスクリプト→HTMLヘッダ内（編集） 　　　　→「HTMLタグの編集」ダイアログ が表示されるので ＜body　BACKGROUND="ファイル名"BGPROPERTIES=FIXED> (↑タグ最初の【＜】、半角に直して下さいね) 　と入力すればＯＫ♪ 以下のHPを参考にさせて頂いたので、是非行ってみて下さい。 Zucker Haus～ツッカー ハウス http://www.geocities.co.jp/SiliconValley-Cupertino/7888/index.html 私もちょうど、背景を静止させるやり方を探していたもので。 素人なりに調べたり試行錯誤したのですが、メモ帳で直接タグを 書き換える以外では、上記のやり方でしか成功しませんでした(汗) jasmineさんの仰る通り、これが応用できればNinjaの 幅がグッと拡がると思うので、補足事項があれば私も教えて頂きたいです。

参考URL：
http://www.geocities.co.jp/SiliconValley-Cupertino/7888/index.html
Ringo1227
質問者

補足

遅くなりましたが、回答ありがとうございます。 やっとパソコンに向かう時間ができましたので ちょっとやってみました。 仮に、私が背景に指定したい画像を、sky.jpgとします。 書式→ページのスクリプト→HTMLヘッダ内（編集） 　　　　→「HTMLタグの編集」ダイアログの中に、 ＜body　BACKGROUND="sky.jpg"BGPROPERTIES=FIXED> を入力しまして、 添付ファイルに、sky.jpgを追加するのですよね??? そうやって、やってみたのですが うまくいきません。。・゜・(ノ∀`)・゜・。 ごめんなさい。 当方本当に素人なもので、 できれば詳しく教えていただけますか? きっと、すでにこれ以上なく詳しい説明を下さっているのだと思うのですが・・・。 ツッカーハウスさんのHPも拝見させていただきました。 なるほど！ですが なにぶん実力不足で。 よろしくお願いいたします。

回答No.6

　久しぶりにNinjaの入ったPCの前に座り、あらためて 機能のチェックをしました。私のNinjaのバージョンは ホームページNinja2002です。 考えられるところとしてはやはり「挿入」--＞ 「HTML」タグしか無いんですけれど、、、。 新しいバージョンは、スタイル属性を指定できるので しょうか？ NO４さんがおっしゃっていますスタイル属性、その属 性をどうやってNinjaに認めてもらえばいいんでしょう か？そこが問題なのですが、、、、、。 ページを編集して、保存しますとHTMLファイルが出来 それをテキスト・エディタで開きますと、確かにソー スは編集できるように見えます。しかし次回Ninjaを 立ち上げればそんなのは関係なく、元に戻っている、 それがNinjaの最大の特徴で、Ninjaの編集作業は、 CGIでページを作成するのと酷似していると思うので す。 　そのようなわけですからNinjaの編集は与えられた ユーザーインターフェースを通してでなければ決して 有効にはなりません。 　Ninjaのどこにそのようなスタイルシートのスタイル 属性指定云々といえる箇所があるのでしょうか？ 私も本当に教えて頂きたいと思っています。 　Ninjaにそのようなことができるなら気分がすごく 明るくなってくるのですけれど、、、(^^♪。

回答No.5

　私は前回も「出来ません」のアドバイスをしたのですが、 NO4さんも、「できます」とおっしゃっておられますね。 何だか自身が無くなってきました(^。^)。 具体的にどうするんでしょうね。 Ninjaでスタイル・シートに関する機能として、 本件に関係がありそうなものとして、 私が知っていますのは、「レイアウト枠」だけです。 確かにそれを使えば文字を重ねたり出来るのですが、、、。 あとスタイルシートとしては各ページのヘッダーとか フッター、Indexの文字の大きさとか統一できて、 便利なのですが、、、。 できると言われるので、具体的にどうすれば良いのか、 私も知りたいで～す(^。^)。 話は変わりますが、私が昔やった方法は、その頃、 今のように便利なソフトが余り無く、 MSのFrontPageExpressで作りましたが、 Javaスクリプトを使って文字が下から上がって くるという、単純な縦スクロールでしたが、 Ninjaのページから、そのようなNinjaの「枠外」の ページを作り（それですと自由な加工が出来ます）、 そのページで、お考えになっていることを、 実現されれば良いのではないでしょうか。 もっともNinjaの枠内でそのようなことができれば それが一番でしょうね。 いろいろご教示もあるようなのですが、 具体的に教えていただければと、私も、 興味がすごく出てきました。 みなさ～～ん！よろしくお願いします。

回答No.4

ホームページNinjaは使ったことないのですが・・・ #1さんが書かれているように、スタイルシートを使えばできます。 background-attachment:fixed; にすると背景はスクロールされなくなります。

回答No.3

　まだ回答をお待ちなんでしょうか？ 　これは文字通りアドバイス的なものですが、まず表題を変えられた方が良いですね。「縦スクロール」とか「横スクロール」とかの用語を前面に出されないと駄目です。 　TOPページでなくても良いのであれば、Javaスクリプトを使って別ウィンドウを立ち上げ、そのウィンドウをスクロールさせるというような方法もあります。それは比較的簡単に行えます。勿論Ninjaはaspホームページなどと同じようなものでして、HTMLの素のようなものがありまして、通常の編集作業はこの「素」を加工しているに過ぎません。全自動で普段は非常に楽なのですが、トラブルがあった場合とか、ご質問の場合のように、Ninjaがデフォルとで用意した機能以外のものを実現しようとしますと反動として非常に困難な問題になってきます。 　Ninjaの新しいバージョンのことは知らないのですが、メニューのどこかに「HTMLタグの挿入」というような意味の項目があるはずです。Ninjaのカスタマイズはそこしかありません。それ以外で直接ソースHTMLを書換えたとしても全く無意味で、次回ページを開かれますとお分かりになるように、完全に元に戻っています。 　以上申し上げたようなことを踏まえてもう一度質問し直されるか、お考えになった方が良いのではと思います。

回答No.2

NO1さんの言っておられる意味が分りませんが、、、。 NinjaでHP作っていますけれど、Ninjaのマニュアルにもなし。 JAVAスクリプトを使ってカスタマイズしかないのでは？ ただNinjaでのカスタマイズは結構面倒ですよ。

  • canaanium
  • ベストアンサー率47% (106/224)
回答No.1

こんにちは。 背景画像をスタイルシートで指定します。 スタイルシートはページごとに記述する方法と、ファイルを作っておいて呼び出す方法があります。 http://heo.jp/tag/kowaza/css/06.html

参考URL：
http://heo.jp/tag/kowaza/css/06.html
  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する