- 締切済み
ナビゲーションボタンについて
LOHAの回答
- LOHA
- ベストアンサー率52% (203/388)
＞普通にボタン用の画像を貼り付けて、 ＞それにリンクを貼って並べる、というやり方は一般的ではないのでしょうか？ ＞色々なサイトのソースを見て調べているのですが、 ＞このようなやり方で記述されているサイトがなく、 そんなはずはありません。 http://www.shiseido.co.jp/ ただ、最近では http://www.apple.com/jp/ のようにソース上は一見画像が貼られていないようには見えるのですが、実は、文字は表示されないように隠しておき、背景画像をまとめて作っておいて、位置をJavaScriptでちょこちょこ操作するというテクが使われている、というケースが多々見られますね。 また、このサイト(OKWave)のように、本当にただの文字を使うところも結構あります。 なんにせよこれといった決まりはありません。作る人の自由だと思います。
関連するQ&A
- ナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。
ナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。 例えば、ページの幅を800pxとってあり、8個のナビゲーションボタンを設置する場合は、1つ辺り100px。10個の場合ですと、80pxと、均一の幅で、かつページの幅一杯まで占めるような表示をしたいと考えています。 http://solidstate.jp/Navigation/DropdownMenu/script_50.html そこで、上記サイトよりサンプルとして配布されているソースを試しているのですが、widthなりpaddingなりでcss側で調整している状況となっています。 そこで質問なのですが、上記のよなサンプルソースの場合、widthは指定しなくても、ボタンの数に合わせて汎用的にページ幅に沿うようなものは出来ないのでしょうか？ サンプルソースのように、多階層が可能なドロップダウンを備えたナビゲーションが欲しく、やっと探し得たのですが、CSSの知識が乏しく困っている状態です。 お忙しいなか恐縮ですが、アドバイスなど頂戴出来れば幸いです。宜しくお願い申し上げます。
- ベストアンサー
- HTML
- ナビゲーションボタンをカテゴリ別で作った場合にアクティブにするには？
無料ブログを使ってナビゲーションバーを作ってみました。 各ボタン（画像）のリンク先はカテゴリ別となっていますが、無料ブログの為、テンプレートのカスタマイズが可能な範囲は以下のようになっています。 ・スタイルシート ・トップページ ・個別記事 ・アーカイブ スタイルシートに問題はなく現在、トップページにアクセスした時のみ、HOMEのボタンが"active"になるよう設定してあります。 例） <ul class="navi"> <li><a href="http://www.・・・・.jp" class="active"><span>HOME</span></a></li> <li><a href="http://www.・・・・.jp/toiawase"><span>問い合わせ</span></a></li> トップページと同じように、リンク先にアクセスした際にボタンをアクティブ状態にしたいのですが、編集できるHtmlにカテゴリという欄が無い為、お手上げ状態となっています。 カテゴリのHtmlがいぢれなければ、やはりそれは無理なことなのでしょうか？ それともスクリプトか何かを組み込めば良いのでしょうか？ どなたか教えて頂ければ幸いです。 よろしくお願い致します。
- ベストアンサー
- HTML
- CSSでグローバルナビゲーションメニューをつくりたい
CSSで、グローバルナビゲーションメニューのボタンリンクをコーディングしたいと思っています。ボタンをマウスでポインタしたらロールオーバーし、カレントページのボタンはマウスでポイントした時と、同じようにロールオーバー画像を表示させたいと思っておりますが、可能なのでしょうか？
- 締切済み
- ブラウザ
- webに表示されているもの（画像やナビゲーションのボタン等）のサイズを
webに表示されているもの（画像やナビゲーションのボタン等）のサイズをピクセル単位で知りたいのですが、ソースを見る他に何かいい方法はあるのでしょうか？
- 締切済み
- ホームページ作成ソフト
- ホームページのナビゲーションについて教えてください
現在、ホームページのリニューアルを検討しており、トップページのデザインをどのようにするか悩んでいます。やはり、トップページですので来られた方に少しでもインパクトのあるページを考えています。 しかしながら、作成課程でどうしても技術的にどうしてもわからない点がありましたので、このたび質問させていただくことになりました。お忙しいと存じますが、ご回答いただければ幸いです。 質問事項： マウスオーバーで背景や別の場所の画像が変わる仕組みは理解（jqueryなどを使用）していますが、変わった画像とともにリンク先まで変更する仕組みが分かりません。具体的には無印良品のホームページ（http://www.muji.net/）のトップページのように、小さい画像をマウスオーバーすることで、背景画像が変わり、それとともにリンクが変わっているような仕組みです。 できれば、無印良品のホームページと同じように小さな画像の背景が変わっている仕組みが分かれば良いのですが、、、 なお、ホームページ作成環境はWindows7 32bit、ホームページ作成ソフトとしてDreamweaverCS4を使用しています。 その他、情報として必要な内容がございましたら、お手数ですがご一報ください。 以上、ご回答のほど、よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ナビゲーションメニュー
ナビゲーションメニューを作ったとき、複数ページに直接記述していると面倒ですし、Webサイトの構成が変わったときの保守がしにくくなります。 そこで、ナビゲーションメニューのHTMLを別な方法で取り込んで、全ページにメニューを共通して表示させることが出来るのでしょうか？ 出来るとしたらわかりやすいサイトと具体例（サンプル）があるサイトを教えてください。
- 締切済み
- ホームページ作成ソフト
- FlashもしくはJavascriptを利用したナビゲーションメニュー
ホームページの作成でトップページに FlashもしくはJavascriptを使用してインパクトのあるナビゲーションを設置を検討しています。 現在考えているナビゲーションのイメージとしては ・メインの画像エリアと複数のボタンで構成 ・各ボタンにマウスオーバーすると画像エリアの画像を切り替え ・各ボタンをクリックすると任意のリンク先へジャンプ といった形です。 いろいろと探してみましたが一番イメージが近いものは以下のURLで使用されているフラッシュです。 http://www.intheroom.jp/ ここはメインの画像エリアが自動的に切り替わったり、画像の切り替えにエフェクトがかかりますがここまでは必要ないです。（あると尚よいですが・・） 以下で配布されているスクリプトもイメージに近いです。 http://jqueryglobe.com/labs/feature_list/ ここはマウスオーバーで画像が切り替わらず、クリックしても別のURLには飛ばない点が残念です・・・。 もし私のイメージに近い形で配布されている素材をご存じでしたら教えていただけないでしょうか？ よろしくお願いいたします。
- ベストアンサー
- Flash
- ナビゲーションを作りたい
サイトによくあるナビゲーションを作りたいと思っています。 以下のようなものです。 ホーム ＞ ページ1 静的に一個ずつ毎ページだと階層が変わったときに作業が大変なので、なんとかスクリプトで出来ないかとgoogleで検索してみたものの、javascriptで出来るみたいなのはあったのですが、実際のソースがなく、いかがなものかと思い、ご存知の方のお知恵をお借りしたく存じます。 どうぞヨロシクお願いします。
- 締切済み
- JavaScript
- Dreamweaver ナビゲーションをページごとに変える・・・
環境：Dreamweaver8.0、WindowsXP Dreamweaverのテンプレートで全ページ共有のグローバルナビゲーションを管理しています。 ページによってそのナビゲーションのボタンを一部差し替え（具体的には、ページを移動すると該当ボタンを反転画像に差し替え）ということをするには、ページごとにテンプレートから切り離して画像を指定するしかないのでしょうか？ 何かいい方法ありましたらアドバイスお願いします。
- 締切済み
- ホームページ作成ソフト
- ボタン付きのスライドショーFlashの作り方
http://www.a8.net/ ここのホームページにあるような、 ボタン付きのFlashの作り方が解説されてるサイトはないでしょうか？ 上記のサイトのものはボタンがサムネイルになっていますが、 これの更に簡易版で、サムネイルではなくボタンの物を希望しています。 ボタンを押したら次の画像に進む…といったような、 よくトップページにキャンペーンや告知などで使われるアレです。 （正式名称が分かりません。申し訳ありません・・・。） 参考画像を添付させて頂きます。 まんまの解説サイトはなかなかないかと思いますので、 参考になるホームページで結構です。 お忙しいところ恐れ入りますが、宜しくお願いします。
- ベストアンサー
- Flash