- 締切済み
画像にリンクする時の色の設定方法。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
マウスオンで画像を切り替えれば良いと思います。 透過画像から,角く?色付けされた画像に。
関連するQ&A
- 教えて下さい!リンクボタンの画像をオンマウスで変える方法
今HPを縦フレームで左ページにメニュー、右ページにtarget指定でページが切り替わるようにしています。 左ページのメニューはgif画像のボタンなのですが、画像に触れると画像が変化し、画像からマウスを放すと元の画像に戻るようにしたいのです。 1.マウスで画像1に触れると画像2に変化(マウスを放すと画像2は1にもどる) 2.クリックした時に一瞬画像2がへこみ、離すと画像2に戻る。 3.当然同時に右ページも変わる。 4.右のページがくりっくしたメニュー画像のリンク先の間は画像2のまま変化しない。 5.そのほかのメニュー画像をクリックすると画像2は画像1にもどる。 というのはどうすればいいのでしょうか? リンクボタンをへこませる方法はどこかで見たのですが、 それを今のhtmlのどこに書けばいいのかもわかりません。 ちなみに、外部のcssがあります。テンプレートを加工しているので。 宜しくお願いします!
- ベストアンサー
- HTML
- 画像のリンク
最近、Yahoo!などの画像検索後のリンク表示などでも見かける画像の表示方法についてお教えいただきたいと思い、ここに質問させていただきました。表示は従来と変わらないように見えるのですが、画像をクリックした際に背景が透過の黒になり、画像が中央に表示されます。画像以外の黒くなっている背景をクリックすると元の画面に戻ります。別のウィンドウが表示されることもなくスマートでかっこいいなぁと思いました。 これはどういったものなのでしょうか?自分でもこのような画像の表示がしたいなぁと思い、とっかかりだけでも教えていただきたくお願い申し上げます。 また、少し別で別ウィンドウについての質問なのですが。別ウィンドウが開く際にメニューバーが出ないようにリンクするにはどうしたらよいのでしょうか? ちなみに自分はHTMLがほんの少しわかるレベルです。初心者なので、専門用語はよくわからないのですがよろしくお願いします。
- 締切済み
- その他(インターネット・Webサービス)
- css 画像の一部分をリンクにしたいです
画像の一部分だけをリンクにしたいです。 margin と width と height で指定したエリアをマウスオーバーすると、指定した部分だけ画像が変わってリンクになるという動作をさせたいのですが、うまくいきません。 最悪、画像が変わらなくても指定した部分のリンクができれば良いのですが画像全体がリンクになっているため、全体画像の上でマウスを動かしていると、リンク時のマウスカーソルになったり通常時のマウスカーソルになったりを繰り返しています。 html と css は以下のような記述をしています。 <html> <head> <style type="text/css"> div#menu a:hover { display:block; background-image:url(img/headerimg02.jpg); background-repeat:no-repeat; margin: 50px 468px 250px 50px; width:200px; height:100px; text-align:center; text-indent: -2000px; overflow: hidden; } </style> </head> <body> <div id="menu"> <a href="hoge.html"><img src="img/headerimg01.jpg" width="718" height="400"></a> </div> </body> </html>
- ベストアンサー
- CSS
- あるテキストリンクにマウスオーバーしてる時に画像が
あるテキストリンクにマウスオーバー(マウスのカーソルが乗ってる状態)している時に となりにある画像が替わるように(ロールオーバー時みたいに)したいのですが、可能でしょうか? 画像対画像だったらできるのですが、 テキストリンクでも可能なのでしょうか? こちらの環境は Dream weaver CS5 を使用しております。 宜しくお願い致します。
- ベストアンサー
- HTML
- マウスポインタを乗せた時色を変える方法は?
CSSに昨日から挑戦しています。 本文内のリンクは、マウスポインタを乗せた状態の時色を変えることができたんですが、メニューの中のリンクは、どうやって a:hoverを付けたらいいのかわからず、色を変えることができません。どうすればいいのでしょうか。 エントリータイトルもできたら、マウスポインタを乗せた時色を変えたいんですが・・・
- ベストアンサー
- ブログ
- ホームページのリンクの色の設定について
HTMLの記述においてリンクの色の設定は(link vlink alink)の3種類があると思いますが、 マウスを置いた時の色の指定はHTMLでは出来ないのでしょうか? マウスを置いた時の色はいつも「赤」になるようですが、これを変えるにはスタイルシートを 使わなければならないことになるのでしょうか?
- ベストアンサー
- その他(インターネット・Webサービス)
- リンク画像をホバーアニメーションで暗くする方法
html、css、js等でリンクの設定された画像を、マウスオーバーでゆっくりと暗くなりテキストが表示される方法はありませんでしょうか。 ・マウスオーバーでゆっくり画像が暗くなり、テキストが表示される ・画像を押すとリンク先へ移動する ・マウスを画像から離すと元に戻る もし上記のものが難しければ、ゆっくりと別の画像に入れ替わる方法はありませんでしょうか。 どなたかご教授お願い致します。
- ベストアンサー
- HTML
- 画像にリンク
ホームページビルダー7にてHP作成しております。画像のロールオーバーを作成しましてメニューボタンを作成いたしました。そのボタンを「お問合わせ」とし、メールへリンクするようにしたいのです。通常の画像や文字などからは右クリックで「リンクの挿入」を指示しメールへリンクが出来るのですが、画像ロールオーバーで作成したものにリンクしようと思ってもできません。右クリックしますと「リンクの設定」というメニューはグレーになっていてクリックできません。右クリックし「属性の変更」でリンクの指定が出来るのですが、ファイルが対象になっているようでメールへリンクすることはできないようです。ご存知の方がいらっしゃいましたらよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 【FrontPage2002で】リンクに触れると画像が切り替わる設定は?
こんにちは。 FrontPage2002で、「back1.gif」と「back2.gif」のイメージがあり、「back1.gif」の画像の上にマウスが触れると、「back2.gif」の画像に切り替わるという設定がしたいのですが、どのように設定したらいいのでしょうか? Active Linkの画像の設定を教えてください。 宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
- 【html】画像にリンクをつける
html,css,javascriptに関する質問です。 ページ内の左半分に人間のシルエットの画像があり その頭の部分、体の部分、手の部分をクリックすると それぞれの説明欄が同じページの右半分に表示されるというコードを書きたいのですが なかなかうまく行きません。 説明欄を初め透過度を0にしておいて 画像をクリックすると透過度を1にさせるようにしようと思っています。 しかしそもそも画像をクリックすることが出来ません。 画像をクリックし他のページに飛ばすリンクの付け方はわかるのですが 目的のことができないです。 ご存知でしたらその書き方を教えて欲しいです。 <img class="kao" src="img/kao.jpg" alt=""> またjavascriptを用いてクリックによって透過度を変えるという考えですが 知識がないのでこれ以上のものを思いつきません。 もっと効率の良いものがあればそれも教えていただきたいです。 よろしくお願いします。
- ベストアンサー
- CSS