次のホームページの上部にある茶色のメニューバーの作り方を教えてください

質問

次のホームページの上部にある茶色のメニューバーの作り方を教えてください。私もメニューバーを作成してリンクを貼りたいと思います。どのようソフトが必要ですか？ホームページビルダーならありますので他にも必要であれば教えてください。また、作成方法を教えてください。宜しくお願いします。

http://www.lv-kaitori-tama.com/

回答No.2

joysun · ベストアンサー

[回答番号：No.1]様はソースを深くは見てないのでしょう。

No.1様を非難するつもりは全く御座いませんが、補足として述べさせていただきます。
茶色い部分は画像ではありません。
文字の背景の色の幅を固定してその切れ目に線を入れる等の技術を使って、
画像っぽく見せているだけで画像ではありません。
そしてマウスカーソルが合わさるとまた背景を変化させるというJavaScriptを使用してます。

そして質問者さまは、この技術を使いたいという事です。
ただし、それにはソースを弄るという事と、JavaScriptを記述するという事が必要になります。

しかし、質問者様に関しては、ホームページビルダーを使っている点、何かソフトが必要であると考えてる点で、
恐らくあまりページ作成に詳しくないのではないでしょうか。
(そしてそれ前提で話を進めます。
もし、ソース弄るのとか余裕でやってるんですけど！とかであれば
また補足として回答させていただきます。すみません。)

よって、上記技術(と大仰にいってますが大層なものではないです)を使うよりは、
ビルダーで簡単にそれっぽいのができる事で良いはずです。

▼代案(1)
メニューとなる画像を7つ作り横に並べる。各画像にリンクを指定する。

▼代案(2)
テーブル(枠組み/HTMLで言うtableタグ)を使用し、これも同じように横7つ枠組みを作る。
各セル(テーブルの中身)の文字あるいは、画像にリンク指定する。

▼代案-extra
もし、ソースがわかる、HTMLに知識があるというのであれば、
回答No1様の言うとおりソースをコピーする。ただしクラス指定が別ファイル(URL参照)に記載されているのでそのファイルをコピーする。または参照してページのソースに部分部分で書き込む

如何でしょうか

参考URL：

http://www.lv-kaitori-tama.com/css/index.css

お礼

ありがとうございます。感謝します

回答No.1

kigurumi

ホームページビルダーで作れますよ。

ホームページビルダーのソースをみたことがあるでしょうか？

リンクされたそのページのソースも見れます。
ブラウザの＜表示＞－＜ソース＞で見れます。

ソースをコピー＆ペーストして、リンク先を変えれば同じようなページができます。
画像もコピーしてフォルダーに入れれば、それを表示するようになります。

ただし、著作権とかありますので、アイコンボタンの画像を一旦コピーしてホームページビルダーで編集するなり、ホームページビルダーで作るなりすることになります。

タグを知らなくてもホームページビルダーを使えばホームページが作れます。
ただし、仮表示と実際にアップしたページの見え方が、ちょっと違うんですけどね。（昔のバージョンだと。今のバージョンは同じかもしれませんが。））

お礼

ありがとうございます。感謝します