Googleカスタムエンジンの窓部分とボタン部分のカスタム方法について

このQ&Aのポイント
  • Googleカスタムエンジンの窓部分とボタン部分のカスタム方法について教えてください。
  • ボタンを画像にしたい。(「検索」テキストなしで)
  • ボタンの右にあるリセット用の×はいらないのですが、どこに表記してありますか?ウインドウも背景画像にしたいです。
回答を見る
  • ベストアンサー

Googleカスタムエンジンの窓部分とボタン部分のカスタム方法について

Googleカスタムエンジンの窓部分とボタン部分のカスタム方法について教えてください。 デフォルトの(http://www.google.com/cse/のページ右上にあるもの)検索エンジンの 「検索」ボタンを自作の画像で利用したい場合、http://www.google.com/cse/style/look/default.cssの /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { にbackground、marginなどで設定するのでは間違ってますか? とりあえずボタンを画像にしてみましたが、FFではちゃんと表示されるのにieだとウインドウの右borderが欠けてしまいます。 1.ボタンを画像にしたい。(「検索」テキストなしで) 2.ボタンの右にあるリセット用の×はいらないのですが、どこに表記してありますか? 3.ウインドウも背景画像にしたいです。 ブラウザie6,7,8,FF3.6。 いろいろカスタムしているブログなども見て回ったのですが、古いタイプのカスタム検索エンジンについてしかなく、質問させていただきました。どうぞよろしくお願いします。

noname#172293
noname#172293

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

  • ベストアンサー
  • t_nojiri
  • ベストアンサー率28% (595/2071)
回答No.1

ブラウザとか判別して、スクリプト書けませんか? http://www.mozilla-japan.org/docs/web-developer/sniffer/browser_type.html とか。

noname#172293
質問者

お礼

ありがとうございます、最終的にはブラウザ振り分けでもいいのですが、 cssでとりあえず画像にしたいのです…宜しくお願いします!

関連するQ&A

  • googleのカスタム検索

    googleのカスタム検索をホームページに設置しようと思っています。 アカウント取得して、設置しようとしているのですが、 ボタンを画像にしたり、ボックスの幅を変更できないのでしょうか? <div id="cse-search-form" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('011829881965112279581:kkxhjvjwxl4'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.enableSearchboxOnly("http://xxx.com"); customSearchControl.draw('cse-search-form', options); }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> 色々調べたのですが、イマイチ要領を得ることができませんでした。 教えてくださいお願いします。

  • Googleのカスタム検索エンジンは終わった?

    https://www.google.com/cse/tools/create_onthefly?hl=ja 久方ぶりにGoogleのカスタム検索でサイト内検索を作ろうと思いましたら、なにやらうまいこと行きません。 Googleのこのサービスは終わったのでしょうか?他にこれと同じようなサービスが有りましたら教えてください。

  • Googleのカスタム検索エンジンを使っていますが「iGoogle」っ

    Googleのカスタム検索エンジンを使っていますが「iGoogle」ってなんですか?

  • Googleカスタム検索作成(検索窓設置)が上手く出来ません。

    Googleカスタム検索作成(検索窓設置)が上手く出来ません。 初めまして、質問にお答えを頂けますでしょうか。 質問の趣旨は私のホームページ(ネットショップ)内に Googleの検索窓を設置したいと言う事です。 1・私のホームページ(PCはWindows XP・ホームページビルダー8で作成) 下記がそのホームページです(上書きしてしまうといけないのでテストページです)            ↓ http://www.cafetime.jp/indextest.html この私のホームページに、ある方に教えて頂いたGoogleのカスタム検索のページ            ↓ http://www.google.com/cse/tools/create_onthefly?hl=ja の中の 下記のコードを貼り付けるだけで簡単に作成できます。 下記のコードをコピーして、ウェブページの HTML に貼り付けます。 検索ボックスはすぐに使えるようになります。 あなたのページからリンクしているサイトのコンテンツが検索対象になります。 の下の枠内のコードを私のホームページ内に貼り付けるのですが検索窓も何も出来ません。 文字が張り付くだけです(現在そのページが表示されています) 多分、私自身が何か勘違いしているか、やり方がまちがっていると思うのですが 良いアドバイスをお願い致します。 2・自分だけのカスタム検索エンジン作成ページの物とはどう違うのでしょうか           ↓ http://www.google.com/cse/manage/create?hl=ja 上記の物を利用して検索窓を作成した方がより良い検索が可能なのでしょうか? 上記ページもどの様に記入していってよいのか分からなかったのですが私のホームページの トップページのアドレスを入力していったら、マイ検索エンジンのページに 私の作成した物が出来ていましたがこれで良いのでしょうか? またこれらを利用して私のホームページの中に検索窓設置は可能なのでしょうか パソコンやホームページ作成の知識は疎い方ですので私の様なレベルの物でも 分かり易いお答えをお願い申し上げます。

  • Googleの検索窓をFlashオブジェクト内に設置したい

    55歳の初心者です。 Googleの検索窓(下記HTML)をFlashオブジェクト内に設置したく、苦戦しております。 <form method=get action="http://www.google.co.jp/search" method=get target="_blank"> <input type=text name=q size=31 maxlength=255 value=""> <input type=hidden name=ie value=Shift_JIS> <input type=hidden name=oe value=Shift_JIS> <input type=hidden name=hl value="ja"> <input type=submit name=btnG value="Google 検索"> </form> Flash 8 1. テキスト入力フィールドを作り、インスタンス名 q_txt 2. searchボタンを作り、インスタンス名 send_btn 3. ボタンに下記アクションを記述 on (release) { System.useCodepage = true; q = q_txt.text; ie = Shift_JIS; oe = Shift_JIS; hl = "ja"; this._parent.getURL("http://www.google.co.jp/search", "_blank", "get"); } パブリッシュ後、サーバーにアップ。 ページを表示させ、テキストフィールドにテキストを入力、searchボタンを押すも、 http://www.google.co.jp/webhp が表示され、検索が機能しない。 IE も NN も同様。"get" を "post" にしても同様。 どのようにすれば検索が機能しますでしょうか、よろしくご教授ください。

    • ベストアンサー
    • Flash
  • google tool bar およびカスタムボタン 教えて!goo

    google tool bar およびカスタムボタン 教えて!goo を設定について が、自宅PCでは、カスタムボタンの▼マークやボタンをクリックすると添付ファイルのように なってしまいます。これが使い勝手が悪いのです。 また、他のPCでは他のカスタムボタンのように、  ボタンをクリックするとそのサイト(教えて!goo)に移動し  ▼マークをクリックすると他のサイトのようにリスト表示するのみし  興味のある質問に移動できるようにしたいのです。 ※表現がわかりにくいですが、変更可能でしょうか? ちなみに、いずれも  ・xp sp2(home、 proの違いはありますが)  ・現在IE8 (IE6でも同じでした)     xp proは IE6です バージョンは、確認できませんがある程度の最新と思っています。

  • クリックファンクションがうまくいかない

    クラス名drawermenuをクリックしたときにドロワーメニューが出たり消えたりする作りなのですが、リストの中にグーグルサイト内検索を入れたところ検索しようと検索ボックスを選択するとドロワーメニューが消えてしまいます。 親divについていると子にある要素をクリックしても親をクリックしたことになってしまうのでしょうか? そうであれば検索ボックスを選択した時だけ実行されないようにするにはどうしたらよいのでしょうか?jqueryを使っています。 <nav> <div id="js-drawermenu-button-animation" class="drawermenu"> <ul> <li class="drawermenu__item"> </li> <li class="drawermenu__item"> <form action="http://www.google.co.jp/cse" id="cse-search-box" target="_blank"> <div> <input type="hidden" name="cx" value="" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="55" /> <input type="submit" name="sa" value="検索" /> </div> </form> <script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&lang..."></script> </li> </ul> </div> </nav> js $(function(){ $('.modal-button-wrap, .drawermenu').on('click', function() { $('.drawermenu').toggleClass('showmenue'); }); });

  • 検索エンジンのグーグルクロームについて質問です。

    今まで検索エンジンで問題があったことがなかったため、 わからないことだらけなので質問させていただきます。 いつもグーグルクロームを使っているのですが、 本日、検索エンジンを開いた時点から違和感がありました。 というのも、グーグルクロームを立ち上げているのに、 Delta Searchという検索エンジンが立ち上がってしまうのです。 Delta Searchという検索エンジンは、 インストールした記憶がないので、 どうすれば良いのかわからず・・・。 そこで、コントロールパネルからプログラムを確認すると、 Delta Searchが入っていました。 ということは、この場合はDelta Searchを、 アンインストールすれば解決するのでしょうか? 少し説明が下手で申し訳ありませんが、 ご回答の方宜しくお願いします。

  • 「非Google系」のロボット型サーチエンジンって今でもありますか?

    タイトルのとおりなのですが、かつては各ポータルサイトがそれぞれ独自にロボット型サーチエンジンを持っていましたが、今や「ポータルサイトで検索=Googleで検索」という状態になってしまいましたね。そこで質問なのですが、「Google以外のロボット型サーチエンジン」ってどういうのがあるのでしょうか? (すぐ思いつくところではMSNやNEVERぐらいなのですが・・・)

  • googleカスタム検索の条件指定について

    googleカスタム検索の条件指定について質問です。 今サイト内でgoogleのカスタム検索機能を使ってサイト内検索ができるようにしているのですが、例えば、2カラムデザインで、左にページ個々の内容、右に共通内容が入るとします。 そうすると、検索した時に共通内容部分を拾ってしまうと、結局絞って検索できないというか、ページが沢山検索されてしまいます。 これを回避できる設定はあるのでしょうか? 「そのワードを右に入れない」というのは却下でお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう