メニューに画像をのせる方法

質問

メニューに画像をのせる方法がわかりません。
通常時画像と選択時画像に画像のURLを書いてものりません。
誰か教えてください！

回答No.7

reis · ベストアンサー

文字だったところを画像にしたい……？
それはなにか誤解がありませんか？（違ってたらごめんなさい）

通常時画像と選択時画像というのは、文字の前に表示されるアイコンです。
メニューのフレームに、「メイン」、「プロフィール」等各ページへのリンクが並んでいますね。その頭の部分に画像があります（デフォルトではオレンジ色の三角だったと思いますが）。
その画像であれば、前回の回答に書いたことをチェックしてもらえれば普通なら希望のものが表示されるはずです（現状がどうなっているのか補足してもらえなければそれ以上のことは想像がつかないのですが……）。

もし、「文字の表示はいらない、たとえばアイコンにＢＢＳ等の文字を入れて、それだけを表示したいんだ」というのであれば、出来なくはありませんが多少難しくなります。
まず、最低限のHTMLの知識を勉強して下さい。
それから、プログラムを組めとまでは言いませんが、ナニが書いてあるか見当がつく程度のJavaScriptの知識も必要です。
一応、方法を書いておきますが、それらを把握していないとこの作業は難しいと思います（というより、ナニが書いてあるかわからないものをいじるのは不安ですよね）。

まずメニュー部分のソースをブラウザで表示し、一番下、各ページへのリンクがはってある部分をどこか他のエディタ等（windowsであればメモ帳で構いません）に移します。
文字の部分、各行の後ろのほう＞と＜に囲まれている部分を消します。
自分のページでログインし、メニューを開きます。
修正したソースをすべてコピーし、「お知らせ（カウンター等のタグを書き込める部分）」の部分にペーストします。
メニューの表示をすべて非表示にします。

もし、難しい、わからない……というのであれば、実際に見本にしたいサイトを簡単ホームページのなかで探して、そのユーザーさんに教えてもらうほうが良いですね。
いろいろ書きましたが、もしかしたらmachi-appleサマの御希望とは違っているかもしれませんし。

「どこをどのようにしたくて」、「なにがどうなっているのか」、言葉で説明するのは難しいですが、それがないと他のかたも回答しにくいと思います。
machi-appleサマは「教えてgoo」から見てらっしゃるでしょうが、ここは「goo」のユーザーだけが見るとは限りません（「OK Web」というサイトのシステムが「goo」に提供されたものが「教えてgoo」で、「OK Web」や、同じようにシステムを提供された別のサイトからの閲覧者もいるからです）。
私は簡単ホームページにシステムを提供している「GaiaX」系の別のコミュニティのユーザーでしたから御質問がなんとなくわかりましたが、大多数の閲覧者のかたは「goo」のまして「簡単ホームページ」の詳しいシステムは御存じないと思います。
gooにはたぶん掲示板等もあるのでしょうから、そちらで聞かれたほうが詳しくわかるかもしれませんね。

お礼

丁寧な回答ありがとうございました。
自分がすごく勉強不足だとゆうことが分かりました。
もっと勉強してから、もう一度挑戦したいと思います。
回答等、本当にありがとうございました。

回答No.6

reis

gooの簡単ホームページか、もしくはGaiaX系のコミュニティですか？
でしたら……どのコミュニティかによって、多少用語が違うかもしれませんが以下を参考にして下さい。

ログイン後、メニューを選び、通常時画像と選択時画像のURLを書き込み、変更すると画像が使えます。
・画像URLは間違っていませんか？
・画像ファイルはアップロードされていますか？（自分で用意した画像を使うのなら、まずアップローダーでアップロードしなければいけません）。
・背景画像や背景色と同じ模様・色で識別できなくなっていませんか？
・画像URLを書き込んで「変更」した後、自分のページをリロード（更新）しましたか？（「変更」した後「自分のページへ」でページを開いても、ブラウザがキャッシュを読んでいることがあります。ブラウザの更新をするか、キャッシュを消して下さい）

質問に書かれている状況ではこの程度しか予想できません。
試してみても状況が変わらないようでしたら、画像のあるべきところがどうなっているか（×が出ているとか……）等の補足をして下さい。

補足

試してみても状況は変わりませんでした。

文字だったところを画像にしたくて上記のことをしましたが、
状況は変わりませんでした。

回答No.5

noname#5841

こんにちは。
えっと、まず、書いているソースをここに書き込むといいですよ。
間違っていても、つたなくても、それが一番の近道です。

とはいえ。
大体の予測として、ソースを以下のように書いてしまっているのでは？と思われますが、どうでしょう？

<a href="リンク先"><img src="通常時画像名" onMouseOver="選択時画像名"></a>

もしくは、
<a href="リンク先" onMouseOver="選択時画像名"><img src="通常時画像名"></a>

これだと、だめなのです。
onMouseOverというのは、マウスが乗ったら、○○する、という命令を入れる場所なので、そこには命令を書かなければなりません。
その命令はJavaScriptという言語を併用させるのですが、それについては、参考URLの、「画像」のところをご覧下さい。

ではでは。

参考URL：

http://www.openspc2.org/JavaScript/NewLib/index.html

回答No.4

APACHE

再びです。(^^ゞ

>ロールオーバーって何ですか??

「通常時画像と選択時画像」というのがイマイチ判らないのでそういう予想をしました。
下記サイトを参照して下さい
http://www5.justnet.ne.jp/~woka/mov_gazou.htm

※一応ですが・・
<a href=URL><img src=画像.gif alt=""></a>
は判っていますよね？

回答No.3

risa10

つまり,machi-appleさんがおっしゃる事を私なりに整理しますと,
メニュ→の文字の代わりにアイコン（画像）をのせたい,
と言う事ですよね？（間違ってたらゴメンなさい）

HTMLタグとしては（ってそれしか知らないケド）
<A HREF="リンク先"><IMG SRC="画像のURL"></A>
で良いのかな？

間違ってたらゴメンなさいo

回答No.2

APACHE

machi-appleさん、こんばんは。

状況が飲み込めません。
落ち着いて補足してください。

■メニューとは何でしょうか？
■画像をのせるというのも？画像をリンクボタンにしたいのでしょうか？
■ロールオーバーのことを言っているのでしょうか？
■HP作成はタグ打ち？ソフトを利用？ソフトなら何？

それでは。

補足

回答ありがとうございます。
変な文章で困らせてしまってすみません。

今、ＨＰを作成中で、画像をメニューのボタンにしたいのです。
ソフトは使ってません。

ロールオーバーって何ですか??

初心者で分からないことだらけなんです。
回答よろしくお願いします。

回答No.1

onacchi

何のメニューでしょうか？
それが分からないと何もアドバイスが出来ません。
もうちょっと詳しく…