• 締切済み

押したらへっこむボタンのアイコンを作るには・・・

今までホームページなど作ったことがなかったのですが、急に「作って!!」といわれ、試行錯誤しながら作成しています。今、アイコンを作っているのですが、押したらへっこむアイコン(例えばこの教えて!gooの質問検索の”検索”ボタンのような)の設定はどうすればできるのでしょうか?できますか? また、初めてホームページを作るにあたり、心構えやお勧めのホームページがあれば教えてください。ちなみにマイクロソフトのフロントページを使っています。

noname#116013
noname#116013
  • CSS
  • 回答数3
  • ありがとう数4

みんなの回答

  • arick
  • ベストアンサー率21% (84/382)
回答No.3

自分で理解しながら早く作るには… 作りたいと思ったページのソース(プログラム)部分を見ることです。 ブラウザの表示→ソース でも見れますし、右クリックでソースの表示を選択しても見れます。 そのソースから検索というボタンの文字を見つければ、大体分るのではないでしょうか、コピーして自分のページで動きを確認してみましょう。(^^)

  • shigatsu
  • ベストアンサー率26% (511/1924)
回答No.2

参考URLからトライアル版をダウンロードし http://www.macromedia.com/jp/software/fireworks/guide/ このURLを見ながらチュートリアルをやってみてください。

参考URL:
http://www.macromedia.com/jp/software/fireworks/
  • next-co
  • ベストアンサー率28% (43/149)
回答No.1

画像を使用する場合。 <img src="buttam_off.gif" onclic="this.src='buttan_off.gif'" onmouseover="this.src='buttan_on.gif'" > buttam_on.gifは、押した状態のボタン画像 buttam_off.gifは、離した状態のボタン画像 スタイルシートの場合 <html> <head> <style> <!-- p.btm-off { width: 80px; background-color: blue; padding: 2px 0px; border: 2px outset blue; } p.btm-on { width: 80px; background-color: blue; padding: 2px 0px; border: 2px in blue; } --> </style> </head> <body> <p class="btm-off" onclick="thisclassName='btm-on'" onmouout="thisclassName='btm-off'">BUTTAN</p> </body> </html>

関連するQ&A

  • 「ありがとうボタン」って何ですか?

    しばらく参加してなくて把握してなくてすみません。 ページを開いて私のアイコンに数字がいっぱい書いてあって 押すと「回答」「役に立った」とあるんですが「ありがとう」 ってこれって私の古い「回答」に対してですか? それとも最近の「お礼」についてですか? もうOKWave は運用もだけどボタンも多くてどこに何が 書いてあるか試行錯誤してます。 教えていただけるとうれしいです。

  • アイコン・ボタンについて

    ホームページ作成してます。 全くの無知でしたが、ネットで勉強しながら、HTML手打ちで作っています。 大まかには出来上がりましたが、分からない事があるので、教えていただければと思います。 素材フリーのHPで、アイコンやボタンをダウンロードして、装飾したいのですが、アイコンとボタンって何が違うのでしょうか? アイコンは単なる飾りで、ボタンはそれ自体がクリック出来る様になるって認識でいいのでしょうか? そうだとしたら、ボタンをダウンロードして、それを自分のHPに載せても、それ自体がクリック出来る様にするには、どう設定したらいいのでしょうか?

  • アイコンが変わりません

    初めまして。ホームページ作成の初心者です。 gooのホームページ作成の時、メニューのアイコンを画像無しにしても消えず、フリー素材さんからお借りしたアイコンを付けても初期のまま変わりません。 変更ボタンを押し、更新できているはずなのですが、プレビューから見ると結局変わらないままです。 どこを操作ミスしたのか、或いは何が悪いのか一人では分かりかねます。 どうぞ教えてくださいませ。

  • 動くボタン(アイコン?)の導入方法を教えてください。

    質問させていただきます。 たまにホームページで「up!」とか「NEW!」とかが きらびやかに動きながら表示されていることがありますが、 あのボタン(アイコン?)を自分のホームページに取り込むにはどうすればいいのでしょうか? 「素材 アイコン」等で検索をかけると、自由に使っていいというボタンが見つかりますが、 肝心の使用方法が書いておらず、どうやって使ったらいいのかがわかりません。 初心者レベルの質問かと存じますが、どうかご回答宜しくお願い致します。 ボタン(アイコン?)の参考資料

  • gooのアイコンをデスクトップに作る

    gooのフリーメールを活用しているのですが、毎回yahooのホームページを出してから検索機能を使って、gooのホームページを出しています。実に面倒くさいので、もっと簡単にgooのトップページを開く方法はありませんか。デスクトップにアイコンなど作ることができれば一番いいのですが。OSはウインドウズME、です。

  • ちょっと大きめの花のアイコンがほしいのですが・・・みつかりせん。

    ホームページの引越しを現在考えています。 トップページをどうしようかとかんがえているときに、花のアイコンを使おう! と決めました。 さっそくyehoo・gooなどを使い検索をしましたが、なかなか花のアイコンを作っているHPに出会えません。 小さい花のアイコンをおいてあるHPはyahooなどを検索するとスグにでてくるのですが、 私がほしいのは、ピクセルなどの大きさがわからないので、通常の画面表示でいうと、だいたい15センチ×10センチ位の花のアイコンです。 小さい情報でもよいので、どうぞよろしくお願いします。

  • アイコンをクリックするとpdfファイルが開けるようにしたい

    ホームページ作成ソフトでHPを作っています. 作成ページにアイコン(ボタンなど)を置いて,そこをクリックすると pdfファイルが開けるようにしたいのですが,どのようにすればよいのでしょうか・・・ HP作成は初トライで,作成ソフトは「ホームページZERO」です. 御指導よろしくお願いいたします.

  • Amazonアソシエイト リンクアイコンについて

    Amazonアソシエイトを利用させてもらっています。 今回、自分のホームページでAmazon商品を紹介し、そのまま自分のサイトに設置したアイコンを押すことによって直接Amazonの「ショッピングカート」に商品を入れれるようにしたいと思い、試行錯誤しているのですが中々出来ません。 苦労してリンクを設置しても、思うようなアイコンでの設置が出来ないのです。 理想はブクログさんです。 ​http://booklog.jp/asin/4048682474​ ここの 「Amazon.co.jp詳細ページへ」 「Amazon.co.jpのカートに入れる」 の二つのアイコンを設置したいんですが、良い方法はあるでしょうか。 どうかよろしくおねがいします。

  • アイコン

    あるホームページのショートカットをデスクトップなどに作成すると、そのページオリジナルのアイコンで表示されることがあります。でも、たいてい2,3日でもとの「e」という青いアイコンに戻ってしまいます。ずっとそのページオリジナルのアイコンで表示させる方法は無いのでしょうか。ご存知の方がいらっしゃいましたらご教示願います。

  • gooの接続が悪く更新ボタンばかり押しています。

    今月中旬頃からgooの接続がうまくいきません。検索窓に単語を入れて「検索」を押すと、質問は何一つ表示されずに「1,2,3・・・・次のページ」となってしまいます。更新を何度も押すとやっと普通に表示されます。マイページも、「マイページ」と出るだけでやはり何度も更新ボタンを押さなければなりません。質問を書き込んで「質問する」ボタンを押すと「再試行」となります。前のようにスラスラ表示させるにはどうしたらよいですか。