yahooの検索窓の色の変え方

このQ&Aのポイント
  • 自分のホームページにyahooの検索窓を設置したのですが検索窓の行が白くなってしまいます。
  • バックの色と同じにするにはどうしたらいいでしょうか?
  • よろしくお願いします。
回答を見る
  • ベストアンサー

yahooの検索窓の色の変え方

自分のホームページにyahooの検索窓を設置したのですが検索窓の行が白くなってしまいます。バックの色と同じにするにはどうしたらいいでしょうか?内容はこんな感じです。 <!-- Begin Yahoo Search Form --> <div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"> <form action="http://search.yahoo.co.jp/search" method="get" target="_blank" style="margin:0;padding:0;"> <p style="margin:0;padding:0;"><a href="http://search.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/search/guide/searchbox/ysearch_logo_110_22.gif" alt="Yahoo!検索" style="border:none;vertical-align:middle;padding:0;border:0;"></a><input type="text" name="p" size="28" style="margin:0 3px;width:50%;"><input type="hidden" name="fr" value="yssw" style="display:none;"><input type="hidden" name="ei" value="▲▲▲" style="display:none;"><input type="submit" value="検索" style="margin:0;"></p> </form> </div> <!-- End Yahoo! Search Form --> よろしくお願いします。

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

  • ベストアンサー
  • calltella
  • ベストアンサー率49% (317/635)
回答No.1

<input type="text" name="p" size="28" style="margin:0 3px;width:50%;"> ↑これを↓こう変えてください(黄色になります。) <input type="text" name="p" size="28" style="background-color: #ffff00;margin:0 3px;width:50%;"> 違う色がよかったら#ffff00の部分を変更してください。

dominant
質問者

お礼

ありがとうございます^^参考にさせていただきます。

関連するQ&A

  • seesaaブログで検索窓のラジオボタンのデフォルト値を変えるには?

    seesaaブログでブログを書いています。 ブログに検索ウィンドウをつけているのですが、デフォルトではラジオボタンのチェックが ウェブの方にはいっています。 これを記事の方にチェックを入れるにはどうすればいいでしょうか。 seesaaのサポートにも聞きましたが、具体的な操作は案内できないとのことでした。 ------------------------------------------------------------ <script type="text/javaScript"><!-- function sfcheck(){ if (document.seesaaform.vs[0].checked){ document.seesaaform.action='http://search.yahoo.co.jp/search'; document.seesaaform.keyword.name='p'; } if (document.seesaaform.vs[1].checked){ document.seesaaform.action='<% blog.page_url %>pages/user/search/'; document.seesaaform.keyword.name='keyword'; } return true; } //--></script> <div class="sidetitle"><% content.title %></div> <div class="side"> <% content.header -%> <form method="get" action="http://search.yahoo.co.jp/search" style="margin:0;padding:0;" name="seesaaform" onSubmit="return sfcheck()"> <input value="" name="keyword" type="text" size="20" /> <input value="検索" type="submit" class="input-submit" /><br> <div align="left" style="padding-top:2px;"> <div style="float:left;width:20px;"><input type="radio" name="vs" value="" id="radio1" checked="checked" style="border:none;background:none;" /></div> <div style="float:left;width:63px;padding-top:2px;"><IMG src="<% site_info.blog_url %>/img/ico_y.gif" border="0" style="vertical-align:baseline;" /> <label for="radio1">ウェブ</label></div> <div style="float:left;width:20px;"><input type="radio" name="vs" value="<% blog.page_url %>" id="radio2" style="border:none;background:none;" /></div> <div style="float:left;width:65px;padding-top:2px;"><label for="radio2">記事</label></div> <div style="clear:left;"></div> </div> <% content.footer -%> </div> <input type="hidden" name="fr" value="sb-sesa" /><input type="hidden" name="ei" value="Shift_JIS" /> </form> ------------------------------------------------------------ ご回答よろしくお願いします。

  • 検索ブログパーツを修正したい。

    わたしのブログ http://okbtsnr.seesaa.net/ の左サイドの記事検索のブログパーツがあるのですが、このパーツでYahooウェブと記事のいずれかの検索を記事のみの検索に修正したいのですが、htmlの知識のない私にはむりです。 従って、2つのチェックボックスも削除したい。 次のソースの修正箇所を指摘いただけると嬉しいです。 <script type="text/javaScript"><!-- function sfcheck(){ if (document.seesaaform.vs[0].checked){ document.seesaaform.action='http://search.yahoo.co.jp/search'; document.seesaaform.keyword.name='p'; } if (document.seesaaform.vs[1].checked){ document.seesaaform.action='<% blog.page_url %>pages/user/search/'; document.seesaaform.keyword.name='keyword'; } return true; } //--></script> <div class="sidetitle"><% content.title %></div> <div class="side"> <% content.header -%> <form method="get" action="http://search.yahoo.co.jp/search" style="margin:0;padding:0;" name="seesaaform" onSubmit="return sfcheck()"> <input value="" name="keyword" type="text" size="20" /> <input value="検索" type="submit" class="input-submit" /><br> <div align="left" style="padding-top:2px;"> <div style="float:left;width:20px;"><input type="radio" name="vs" value="" id="radio1" checked="checked" style="border:none;background:none;" /></div> <div style="float:left;width:63px;padding-top:2px;"><IMG src="<% site_info.blog_url %>/img/ico_y.gif" border="0" style="vertical-align:baseline;" /> <label for="radio1">ウェブ</label></div> <div style="float:left;width:20px;"><input type="radio" name="vs" value="<% blog.page_url %>" id="radio2" style="border:none;background:none;" /></div> <div style="float:left;width:65px;padding-top:2px;"><label for="radio2">この記事内</label></div> <div style="clear:left;"></div> </div> <% content.footer -%> </div> <input type="hidden" name="fr" value="sb-sesa" /><input type="hidden" name="ei" value="Shift_JIS" /> </form>

  • 自分のサイト内のワード検索?

    お世話になっております。 サイト内検索窓を設置しているのですが、これまで使っていたgoogleでは全部のページを拾っていないので他のものを探しています。 CGI記述などは理解出来ないので出来るだけ簡単なものをネットで探しているのですが、おおむね下のようなドメイン名の中から拾う形のものが多いようです。ところがこれでは無駄なサイトを拾ってしまい、自分の サイトに限定した検索が出来ません。その為には「検索ワード+自分のサイト名」と打ち込まなければならないようです。 これを改造して検索ワードだけでサイト限定検索する事は出来ないでしょうか。なお、どういう訳かgoogleではサイトの一部の文書だけしか拾ってくれないようです。 <form method="get" action="http://search.yahoo.co.jp/search" target="_blank" style="border:1px solid #999; padding:5px;/*/*/width:360px;/**/"> <a href="http://www.yahoo.co.jp/"><img src="http://i.yimg.jp/images/search/sb_y_logo.gif" alt="Yahoo! JAPAN" align="left" border="0"></a> <small><input type="text" name="p" size="25"></small> <input type="hidden" name="fr" value="ysow"> <input type="hidden" name="ei" value="▲▲▲"> <small><input type="submit" value="検索" style="margin-top: 5px"></small> <br><br> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="45%"> <input name="vs" type="radio" value="" checked><small>インターネットを検索</small> </td> <td> <input name="vs" type="radio" value="●●●"><small>●●● を検索</small> </td> </tr> </table> </form>

  • Googleサイト内検索窓設置について

    サイト内に設置する検索窓について過去の教えて!!gooを検索し、 非常に有用な記述があり下記のように記載してみたですが、 検索をしたときに表示されるページが沢山ありすぎるので「上位2位までの結果表示」にしたいのですが・・・どなたか記述方法などお分かりになる方いらしたらお教えいただけませんか? 現在下記のように記述したところうまく動いたのですが、いかんせん検索に表示される結果が多すぎて使いすらいのです(><)。 <FORM method="GET" action="http://www.google.co.jp/search"> <INPUT style="border: 1px solid rgb(126, 157, 185); padding: 2px;" name="q" size="40" type="text"> <INPUT type="submit" name="btnG" value="Google 検索"> <INPUT type="hidden" name="hl" value="ja"> <INPUT type="hidden" name="sitesearch" value="www.XXXXXXXXX.jp"> <INPUT type="hidden" name="ie" value="Shift_JIS"> <INPUT type="hidden" name="oe" value="Shift_JIS"> <INPUT type="hidden" name="domains" value="www.XXXXXXXXX.jp"> </FORM>

    • ベストアンサー
    • CSS
  • google検索窓でセレクトメニューを使用したい

    自サイト内(自動車関係です)検索に google のサイト検索を使用して、検索窓をつけているのですが、ユーザーの入力が "ブリジストン"ブリヂズトン"BS"とばらばらになっているため、セレクトメニューによりおおまかな分類を指定したいのですが、JavaScriptのoption かとおもい、色々やってみたのですが、表示できません。具体的には下記のソースを使用しています。 <form action="http://www.google.co.jp/search" method="get" target="_blank"> <input type="hidden" name="as_dt" value="i"> <input type="hidden" name="as_eq" value> <input type="hidden" name="as_occt" value="any"> <input type="hidden" name="as_oq" value> <input type="hidden" name="as_sitesearch" value="****.com"> <input type="hidden" name="lr" value> <input type="hidden" name="num" value="10"><b>****サイト内</b> <input type="text" size="20" name="as_q"> <input type="submit" name="btnG" value="検索"> powered by <a href="http://www.google.co.jp/" target="_blank"><img src="http://www.google.com/logos/Logo_40wht.gif" width="64" height="26" style="border-style:none;" alt="Google"></a> お好きなキーワードで検索できます。<br> </form> <input type="text" size="20" name="as_q">のtextにセレクトメニューの値がわたせればいいのかとも思うのですが?一つだけであれば、あらかじめ結果をだしておいて、リンクで表示されることも考えたのですが、贅沢なのですが、セレクト項目は"タイヤ""カローラー"というように二つに設定したいのですが。 ご教授宜しくお願いいたします。

  • ヤフオク検索のBOXを作りたい

    ヤフオク検索のBOXを作りたいのですがこれではうまくいきません。なぜでしょうか? 分かる方宜しくお願いいたします。 <FORM action="http://search.auctions.yahoo.co.jp/jp/search/auc"> <INPUT type="hidden" value="0jp" name="alocale"> <INPUT type="hidden" value="jp" name="acc"> <INPUT type="hidden" name="auccat" value="0"> <INPUT size="30" name="p"> <INPUT type="submit" value="検索">

    • ベストアンサー
    • HTML
  • yahoo検索が文字化けしてしまいます。

    web製作初心者です。 自社サイトに検索用にyahoo検索を設置したのですが、なぜか文字化けしてしまいます。 なにが間違っているのか勉強不足でわかりません。 大変お手数ですが、どなたかご指導をよろしくお願いいたします。 参考までに下記にソースを記載しました。 <form action="http://search.yahoo.co.jp/bin/search" method="GET"> <a href="http://www.yahoo.co.jp/"> <img src="yahoologo.gif" border="0" width="73" height="19"> </a> <input type="text" size="30" name="p"><input type="submit" value="検索!">

    • ベストアンサー
    • HTML
  • html css 検索ボタン 検索窓 余白

    検索ボタン、検索窓のHTML,CSSについての質問をさせていただきます。 どこかから引っ張ってきた検索ボタン・検索窓のHTMLを自分のサイトに埋め込んでみたら、bottomにけっこう広い邪魔な余白ができてしまいます。 padding,margin,valign...など、持ってる知識をふりしぼりましたが改善されません。その記述内容は以下の通りです。 =============================== <table> <tr><td> <div> <form action="http://search-web.○○○○○.○○/cgi-bin/search" name="form" id="form" onsubmit=" return f_submit(); "> <input name="site" value="○○○○○.○○" type="hidden"> <input name="query" value="○○○○○" maxlength="300" type="text" class="cw"> <input value="検索" class="button" type="submit">    </form> </div> </td></tr> </table> =============================== 上記内容を書かない場合は高さ・余白の調節ができるのですが、書き込むと何もできず、下部に余白がかなりできてしまいます。 heightで高さを指定しても改善されません。 1.何か原因があるのか教えてください。 2.また、良い記述内容、改善策を教えてください。 3.全てのブラウザで同じように表示できる記述内容があれば教えてください。 初歩的な質問かもしれませんが、困ってますのでどうぞよろしくお願いします。

  • 検索ファームの作り方について教えてください!

    検索をフォームを作成したく、下記ソースで作成したのですが、 検索ボタンを押してもうまくページが開きません。 色々調べてみたのですが原因がわからず困っております。 どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。 また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。 よろしくお願いします。 <head> <script type="javascript"> <!-- function mySearch(frm) { var select = frm.elements["site"]; var sitename = select.options[select.selectedIndex].value; var word = frm.elements["word"].value; document.forms[sitename].elements[0].value = word; document.forms[sitename].submit(); //--> </script> </head> <html> 検索フォーム<br> <form name="google" method="get" action="http://www.google.co.jp/search"> <p><input type="hidden" name="q" value=""></p> </form> <form name="yahoo" method="get" action="http://search.yahoo.co.jp/search"> <p><input type="hidden" name="p" value=""></p> </form> <form lang="ja" onsubmit="mySearch(this); return false;"> <p>検索ワード<input type="text" name="word" size="30"> </p> <p>検索サイト <select name="site"> <option value="google">google</option> <option value="yahoo">yahoo</option> </select></p> <input type="submit" value="検索"> </form> <hr> </html>

  • サイト検索窓の文字色を、触れる前と入力する時で色を変えようとしています

    サイト検索窓の文字色を、触れる前と入力する時で色を変えようとしていますが、 うまくいかずに非常に困っております。 今のhtmlがこれです。 -------------------- <form name="myform" action="http://www~~" method="post"> <input type="text" name="search_name" value="サイト内検索" id="uid" onfocus="if (this.value == 'サイト内検索') { this.value='' }" onblur="if (this.value == '') { this.value='サイト内検索' }" /> <input type="submit" value="検索" name="button" id="btn" class="fadeBtn" /> </form> -------------------- cssで<input>のcolorを指定したら、 入力する前の表示も、入力した時の表示も同じ色になりました。 そこで、調べた結果以下のようにonfocusとonblurにcolorを指定したのですが、 うまくいきませんでした。 -------------------- <form name="myform" action="http://www~~" method="post"> <input type="text" name="search_name" value="サイト内検索" id="uid" onfocus="if (this.value == 'サイト内検索') { this.value='' } { this.style='color:#000000' }" onblur="if (this.value == '') { this.style='color:pink' } { this.value='サイト内検索' }" /> <input type="submit" value="検索" name="button" id="btn" class="fadeBtn" /> </form> -------------------- javaが必要なのでしょうか? javaには詳しくないため、必要でしたら教えていただきたいです。 どうぞご回答お願いします・・・。