Клуб Яндекс.Поиска для сайта

Поиск занимает все горизонтальное меню и отображается с рамками

aelita.zav
16 февраля 2015, 18:40

Код поиска реализованный сейчас на сайте:

"<div id="topmenu_wrp" class="width_limit">
  <div id="topmenu" class="centred">
    <div class="search searchOpened">
      <form action="http://google.com/search" name="f" target="_blank">
        <input type="hidden" name="q" value="site:http://berez.org/" />
        <input maxLength="256" type="text" class="search-txt" size="30" name="q" value="" />
        <input type="submit" class="search-sbm" value="" name="btnG" />
      </form>
    </div>
        {include file="top_menu.tpl"}
  </div>
</div>"

Код поиска сгенерированный Яндексом:

"<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://yandex.ru/sitesearch','arrow':false,'bg':'transparent','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по berez.org','suggest':true,'target':'_self','tld':'ru','type':3,'usebigdictionary':true,'searchid':2201916,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'','input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2201916"/><input type="hidden" name="l10n" value="ru"/><input type="hidden" name="reqenc" value=""/><input type="search" name="text" value=""/><input type="submit" value="Найти"/></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>"

Сделала так:

"<div id="topmenu_wrp" class="width_limit">
  <div id="topmenu" class="centred">
    <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://yandex.ru/sitesearch','arrow':false,'bg':'transparent','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по berez.org','suggest':true,'target':'_self','tld':'ru','type':3,'usebigdictionary':true,'searchid':2201916,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'','input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}">
     <form action="http://yandex.ru/sitesearch" method="get" target="_self">
      <input type="hidden" name="searchid" value="2201916"/>
      <input type="hidden" name="l10n" value="ru"/>
      <input type="hidden" name="reqenc" value=""/>
      <input type="search" name="text" value=""/>
      <input type="submit" value="Найти"/>
     </form>
    </div>
    {include file="top_menu.tpl"}
  </div>
</div>

<style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }
</style>
<script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');
</script>"

Окошко поиска занимает все пространство горизонтального меню и выводится в рамках.

Как исправить? Помогите...

 

1 комментарий
Подписаться на комментарии к посту

Добрый день!

1)      Форма поиска «резиновая», то есть растягивается по длине того бокса, в которой вы ее вставили. Просто добавьте дополнительный бокс с теми размерами, какие нужны для формы поиска, и вставьте в него код поисковой формы.

Проблема рамочек – это проблема со стилями сайта, в данном клубе она обсуждалась несколько раз. Ее решения, в частности, предложены здесь: http://clubs.ya.ru/sitesearch/replies.xml?item_no=2557