Cybernetic (19 Июль 2016 - 11:48) писал:
Добрый день.
Помогите поставить форму поиска яндекса на сайт, как ни ставлю у меня всё слетает и не работает.
Пытался вставить код вот сюда
<div id="search">
<form id="search_mini_form" class='button'action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Умный поиск ...') return false;">
<button title="Искать" type="submit" value="Поиск" class="button-search" id="poisk"></button>
<label for="poisk"><span style="color:#000000">Поиск</span></label>
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}{% ENDIF %}" style="color:#000000" onfocus="if(this.value==' '){this.value='';}" onblur="if(this.value==''){this.value=' ';}" onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/>
</form>
</div>
Но получалось вот это (на рис) но нужно как на рис.
Есть код от яндекса "Код формы поиска"
<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://santechbomba.ru/search','arrow':false,'bg':'#5979B4','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по сайту Сантехбомба','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2275439,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Введите запрос','input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}"><form action="https://yandex.ru/search/site/" method="get" target="_self" accept-charset="utf-8"><input type="hidden" name="searchid" value="2275439"/><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="ya-site-results" onclick="return {'tld': 'ru','language': 'ru','encoding': '','htmlcss': '1.x','updatehash': true}"></div><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0];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.Results.init();})})(window,document,'yandex_site_callbacks');</script>
Здравствуйте, найдите в шаблоне hTML
<div id="search">
<form id="search_mini_form" class='button'action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Умный поиск ...') return false;">
<button title="Искать" type="submit" value="Поиск" class="button-search" id="poisk"></button>
<label for="poisk"><span style="color:#000000">Поиск</span></label>
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}{% ENDIF %}" style="color:#000000" onfocus="if(this.value==' '){this.value='';}" onblur="if(this.value==''){this.value=' ';}" onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/>
</form>
</div>
замените на
<div id="search">
<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://santechbomba.ru/search','arrow':false,'bg':'#5979B4','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по сайту Сантехбомба','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2275439,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Введите запрос','input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}"><form action="https://yandex.ru/search/site/" method="get" target="_self" accept-charset="utf-8"><input type="hidden" name="searchid" value="2275439"/><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>
далее найдите в шаблоне Поиск код
{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %}
после вставьте
<div id="ya-site-results" onclick="return {'tld': 'ru','language': 'ru','encoding': '','htmlcss': '1.x','updatehash': true}"></div><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0];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.Results.init();})})(window,document,'yandex_site_callbacks');</script>
далее найдите в файле main.css
#header #search {border: #5979B4 3px solid;background: #fff;float: right;margin: -2px 2px 9px 0;position: relative;vertical-align: middle;width: 242px;}
замените на
#header #search {border: #5979B4 3px solid;background: #fff;float: right;margin: -2px 2px 9px 0;position: relative;vertical-align: middle;width: 292px;}
далее в конец файла добавьте
#wrapper {
margin-top: 28px;
}
.b-wrapper {
clear: inherit !important;
}