HPビルダーでアイコンを活用する方法とは?

このQ&Aのポイント
  • HPビルダー付属のアイコン以外のアイコン素材を使用して、ホームページを作成することは可能ですか?
  • アイコン素材を利用してメニューバーを作成し、カーソルを置いたアイコンの色を変えたいです。同じ形の色違いアイコンを重ね合わせる方法はありますか?
  • ブラウザーで見たときに、重なった状態でアイコンの色が変わるようにする方法はありますか?
回答を見る
  • ベストアンサー

HPビルダー付属のアイコン以外のアイコン等の利用

只今、ホームページビルダーでHPを作成しようとしているのですが、ソフト付属のアイコンを使わずにアイコン素材を購入しまして、それを活用して完成を目指しています。 まず、初歩的なのことですが、そういった素材をつかってビルダーでHPを完成できるでしょうか。 基本的にはメニューバーといくつかのアイコンでリンクを貼るつもりです。  (ウェブアートデザイナーでもアイコンが作れますが、ここでつくったアイコンも購入したアイコンも同じようにビルダーで活用できると考えていいでしょうか?) 次に、その素材を使ってメニューバーを作ろうとしてるのですが、カーソルを置いたアイコンだけ色が変わるようにしたいと思ってます。 同じ形の色違いアイコンを2つ用意して重ね合わせたいのですが、作成のページでアイコンを置くと重ならずに横並びになってしまいます。 ブラウザーで見たときに重なった状態で色が変わるようにするにはどうすればいいでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • cider4
  • ベストアンサー率51% (640/1249)
回答No.2

購入アイコンのお答は先の方の通りです。 2のご質問はロールオーバー効果は、HPビルダーですと簡単にできます。 添付画像のように画像を選択後ツールバー上の「画像のロールオーバー効果の挿入」ボタンを押してウィザードに従っていけば簡単です。 ※アイコンが表示されていない場合 挿入→画像の効果→ロールオーバー効果

paopao69
質問者

お礼

大変参考になりました。 おかげさまで順調にロールオーバーできました。

その他の回答 (1)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

その購入した素材が特殊な種類(ビルダーで読み込めない)でなければ使えます。 質問者さんがやりたいことはCSSで実装でき、「CSSロールオーバーメニュー」とかの名前で呼ばれてます。 素材が変わるように見えるのは、実際にはCSSで素材の高さ分ずらして入れ替えてるように見せてます。 ここらが参考になるかと思います↓ http://www.stylish-style.com/csstec/basic/l-rollover6.html 意外とややっこしいかも。

paopao69
質問者

お礼

貴重な情報ありがとうございます。知らないと検索のしようもなかったので、考えていたのがそれだったのだと大変助かりました。

関連するQ&A

  • ホームページビルダー11のフォーカス枠について教えて下さい。

    ビルダー11を使用しています。 フォーカス枠にまだ慣れず、至急のご回答をお願いいたします。 ウェブアートデザイナーで画像を作成し、ビルダーに送って ページを作ろうとしています。 ヘッダーを810×160ピクセルで作成したので、ビルダーに送ると 実際の作業画面には全部が表示されませんが、一応正常に送れた ようなので作業を続けようとしました。 ところが、ヘッダーの下に表示されるピンク色のフォーカス枠が、 作業画面の幅しかなく、ヘッダーと同等の幅が取れず困っています。 具体的には、ヘッダーの下に一列でメニューバーを入れようとしています。 6つのメニューをウェブアートデザイナーで作り、ひとつひとつ ビルダーに送ったのですが、途中で改行されてしまいます。 ウェブアートでメニューバーを1枚の画像にしてビルダーに送ると、 今度はメニューそれぞれにリンクがかけられなくなるので困っています。 このフォーカス枠は、作成したヘッダーに合わせて縮小拡大ができないものなのでしょうか? また、上記の作業(ヘッダーのサイズと同等のメニューバーを入れたい)を進める手順がありましたら、どなたかご回答をお願いいたします。

  • vistaでHPビルダー10を使いたい。

    最近vistaを購入しまして、そのPCにHPビルダー10を入れました。 何事も無く普通に使えていたのですが、このビルダーに付いている ウェブアートデザイナーに問題が起きました。 画面上の色を取得を押すと画面が勝手に真っ黒になってしまうのです。 これは色を取得のみで起こる事なのです。 何度やっても真っ黒になるので困っているのですが これはどうしてなるのでしょうか? 解消方法を教えて頂きたいです。

  • VISTAに変更後HPビルダーの使用に問題が発生しました。

    winVISTA、ビルダー11付属のウェブアートデザイナー使用し簡単な素材を作成しています。 以前winXP、ビルダー8付属のでは何も問題なく使用できたのに、 VISTA、ビルダー11に変更してからウェブアートデザイナーで色の取得ができなくなってしまいました。 画面上の色取得をクリックすると画面全体が真っ黒になってしまいます。 マウスから離すと画面が元に戻ります。 ビルダーでのHP更新でもタグが間違っていないはずなのに画像が表示されなくなったりと苦労しております。 PCはVAIO VGC-LB3シリーズです。 原因がわからず作業も進まず困っております。 対処法がわかる方がいらっしゃったらよろしくお願いいたします。

  • HPビルダー12 かんたん編集がありません

    現在HPB12を使用しています。 イメージマップの中にリンクを貼りたいです。 以前読んだ説明所には下記の通り示されていました。 メニューバーの「編集」→「かんたん編集」→「イメージマップの挿入」 ですが、「編集」の中に「かんたん編集」がありません。 メニューバーの「ファイル」から「ようこそダイアログ」より 「かんたん」を選択しても出ませんでした。 ウェブアートデザイナーでタイトルバナーは作成済みです。 HPB12にはもともと「かんたん編集」がないのでしょうか。 それとも、他に方法があるのでしょうか。 わかる方がいましたら教えてください。

  • ビルダー ウェブアートデザイナーについて

    いつもお世話になっています。 ビルダー9を使用して地図を作成したいのですが 自分で描いた地図上にアイコン素材(○でも■でもいい)を 置いてそのアイコンをクリックして さらにマピオンやGoogleなどの正式な地図へも飛べるように できる作成方法。 もしくは自作の地図上に同じくアイコンを置いてそこをクリック すると説明のページにジャンプできるようなもの。 ウェブアートデザイナーで作った地図の上に 別のアイコン(ビルダーに入っているアイコンでもいい) を置いてWEB上で見たときに クリックできる状態にしたいのです。 こういったことは可能でしょうか? 詳しく記されてるサイトなどありましたら 教えてください。 先生方 どうぞご教授お願いします。

  • HP作製でアイコンが・・・

    現在HP作成中です。 FRONT PAGEのソフトを使っています。 壁紙、アイコンなどは素材のHPから借用して使っています。壁紙、アイコンとも「img」フォルダ内に保存して、HP内に表示しています。 このたび完成したため、FFFTPを使っていよいよHP開設・・・となるはずが、壁紙はうまくUPできるのですが、アイコンなどのボタン類がUPできません。 現況がわかりにくいかもしれませんが、どなたか力を貸してください!

  • デスクトップから消えたHPビルダー

    ウィンドウズMEを使用しています。 HPビルダー7を使用してHPを作成していました。 作成を始めるときデスクトップにあるアイコンから 開いて作業していましたが 主人がそのアイコンを削除してしまいました。 デスクトップのアイコンは、ショートカットをはずすだけでプログラムファイルにあると思っていたのですが HPビルダー7のツールとドキュメントしかなく HPのサイト作成画面が見当たりません これはどういうことでしょうか もう一度インストールし直さないといけないのでしょうか それともどこかにあるのでしょうか 初心者です申し訳ありません よろしくお願いします

  • ホームページビルダーの使い方

    ホームページビルダーV9を使っています。  吹き出しに文字を入れたいのですが、その方法がわかりません。 私のやっている方法は・・・・・  ウェブアートデザイナーを開いて、ウェブアートの素材から、吹き出しを選び、操作ツールバーを表示して文字を書き、先に開いた吹き出しに文字を重ねました。これで、一応吹き出しの中に文字を入れることができましたが、これをホームページを作成しているビルダーへ移すことができません。1度、保存してそれから取り込むのだと思いますが、その方法を教えてください。  よろしくお願いします。  ※ホームページビルダーの使い方を開設しているサイトがありましたら紹介してください。    

  • 細かいアイコンの作成方法の事で。

    只今HP作成(個人ゲームサイト)をしております。 しかし、良いアイコンがどうしても作れません。 HPビルダーバージョン6の付属の、 ウエブアートデザイナーというソフトでは限度があります。 http://www.okweb.ne.jp/images/okweb_lh1.gif ↑このような綺麗なのを作りたいのですが・・。 やはり「フォトショップ」や「ペイントショッププロ」の 廉価版のような専門ソフトを使わないと、綺麗でいいものは作れないのでしょうか? 素材サイトには規定がありますし、手の込んだことをやりたいので借りません。 はや何十時間と製作に時間がかかっておりまして、 限界が来ております。 こんなわがままな質問申しわけありません。 しかし、ラチが空きません。 なにか良いアドバイスをいただけないでしょうか?

  • HPビルダ16のメニュープルダウンについて

    ホームページビルダ16のフルCSSテンプレートを用いてHPを作成しています。 テンプレートにあるグローバルメニューをプルダウンメニューにしたいのですが可能でしょうか。 可能であれば、ご教授をお願いいたします。 なお、当方は、HPの作成(html等)について全くの素人です。 やさしい説明をお願いいたします。 以上よろしくお願いいたします。

専門家に質問してみよう