Перейти к содержимому


Установка Умного Поиска Яндекс


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 52

#21 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 22 Май 2015 - 17:13

Просмотр сообщенияbartjohn (22 Май 2015 - 16:50) писал:

Добрый день!

Помогите прикрепить поиск яндекса
<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://www.toolb.ru....#39;:&#39;Найти инструмент','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2220162,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Найти инструмент','input_placeholderColor':'#000000','input_borderColor':'#999999'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2220162"/><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="search">
<div id="poisk"></div>
<div style="position:absolute;">
<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
  <div>
  
<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Найти инструмент...{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Найти инструмент...' : this.value;" onfocus="this.value=(this.value=='Найти инструмент...') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
   <div class="clr"></div>
  </div>
</form>
</div>
  </div>
  <!-- end Поиск -->

Спаисбо!
Здравствуйте.
Первая ссылка из кода вставлена с ошибкой, добавьте код поиска через кнопку "Код" на форуме.

#22 bartjohn

bartjohn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 137 сообщений

Отправлено 25 Май 2015 - 11:54

<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://www.toolb.ru','arrow':true,'bg':'#999999','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Найти инструмент','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2220162,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Найти инструмент','input_placeholderColor':'#000000','input_borderColor':'#999999'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2220162"/><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>


#23 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 25 Май 2015 - 12:43

Просмотр сообщенияbartjohn (25 Май 2015 - 11:54) писал:

<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://www.toolb.ru','arrow':true,'bg':'#999999','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Найти инструмент','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2220162,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Найти инструмент','input_placeholderColor':'#000000','input_borderColor':'#999999'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2220162"/><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>
В шаблоне html найдите код

      
	<!-- Поиск -->
	  <div id="search">
			<div id="poisk"></div>
			<div style="position:absolute;">
		<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>
		  
			<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Найти инструмент...{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Найти инструмент...' : this.value;" onfocus="this.value=(this.value=='Найти инструмент...') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
			<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
		   <div class="clr"></div>
		  </div>
		</form>
		</div>
	  </div>
	  <!-- end Поиск -->
и замените на


        
  <!-- Поиск -->
	  <div id="search">
			<div id="poisk"></div>
			<div style="position:absolute;">
	   <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://www.toolb.ru','arrow':true,'bg':'#999999','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Найти инструмент','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2220162,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Найти инструмент','input_placeholderColor':'#000000','input_borderColor':'#999999'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2220162"/><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>
	  </div>
	  <!-- end Поиск -->
Так же в main.css найдите код
#poisk{top:-5px;margin-left:-5px;
position:absolute;
height: 44px;
width: 228px;
background: url({ASSETS_IMAGES_PATH}poisk.jpg);
}
и замените на
#poisk{top:-5px;margin-left:-5px;
position:absolute;
height: 44px;
width: 228px;
}


#24 bartjohn

bartjohn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 137 сообщений

Отправлено 25 Май 2015 - 14:13

Спасибо, почти помогло...но не нравится он мне :) . Может порекомендуете нормальный адаптированный поиск к этому движку?

#25 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2015 - 02:48

Можете попробовать использовать поиск от Google: https://cse.google.ru/cse/

#26 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 27 Май 2015 - 09:37

Здравствуйте! Не могу добавить видео с vine в статью выдает какую то ошибку. Как добавить видео? ((
В тексте найдена загрузка скрипта с удалённого хостинга, с домена platform.vine.co
Обычно таким образом распространяют вирусы. Если Вы не добавляли данный код вручную в HTML коде, то вероятно ваш компьютер заражён вирусом,
который вставляет подобные коды в отправляемые Вами формы. Настоятельно рекомендуем пройти проверку компьютера антивирусом.
Если же данный код был добавлен самостоятельно, сначала закачайте данный скрипт в раздел «Сайт» > «Редактор шаблонов» и затем укажите загрузку скрипта с вашего сайта.))


#27 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 27 Май 2015 - 09:48

Просмотр сообщенияVaccina (26 Май 2015 - 02:48) писал:

Можете попробовать использовать поиск от Google: https://cse.google.ru/cse/
А подстроить поиск по дизайн своего сайта? И еще нужно сделать так чтобы он искал только товары и только на странице "Все товары" это возможно?

#28 Arbalix

Arbalix

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 08 Июль 2015 - 19:19

Просмотр сообщенияbartjohn (25 Май 2015 - 14:13) писал:

Спасибо, почти помогло...но не нравится он мне :) . Может порекомендуете нормальный адаптированный поиск к этому движку?

тут варианта, как обычно, два:
- использовать подключаемые поисковые модули к вашей CMS (вариант так себе, потому что обычно это поиск поверх СУБД), купив их;
- использовать выделенные поисковые сервисы с оплатой за подписку (это обычно хороший поиск).
Могу проконсультировать подробнее, но так как это моя работа, то за неё я беру деньги (тоже).

#29 bartjohn

bartjohn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 137 сообщений

Отправлено 09 Июль 2015 - 10:40

Vaccina  

спс отказался от идеи поиска. Пойдем дорогой трудною.
Стандартный поиск ищет не то что нужно. Можно ли прописать в коде, чтобы искал только в заголовке товара?

#30 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Август 2015 - 00:55

В пользовательском поиске от Google можно конкретизировать сферу поиска через дополнительные настройки.
Реализовать это можно путем использования schema.org, то есть если нам необходимо искать только по товарам то в дополнительных настройках пользовательского поиска указываем "Product" при этом в самом шаблоне Товар должна присутствовать строка:
itemtype="http://data-vocabulary.org/Product"

или

itemtype="http://schema.org/Product"


#31 bartjohn

bartjohn

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 137 сообщений

Отправлено 05 Август 2015 - 11:45

<script>
  (function() {
		var cx = '003708256278017949539:kujkjmmzqdg';
		var gcse = document.createElement('script');
		gcse.type = 'text/javascript';
		gcse.async = true;
		gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
				'//cse.google.com/cse.js?cx=' + cx;
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox></gcse:searchbox>

Код поиска установил в HTML
<!-- Поиск -->

но все равно не работает...

#32 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Август 2015 - 03:22

Проверьте правильность его создания еще в самой системе Google,  так как для проверки я создала пользовательский поиск и указала ваш домен, поставила в то же место и он отобразился - изменения естественно сразу откатила =)
Попробуйте воспользоваться статьями по настройке данного поиска, как например той, что я указала ниже:
http://blogiseo.ru/b...isk-google.html

Также для проверки создайте обычный поиск без дополнительных настроек и условий и внедрите к себе на сайт.

#33 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 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 = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
												 </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>

Прикрепленные изображения

  • поиск.jpg


#34 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 19 Июль 2016 - 12:41

Просмотр сообщения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 = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
												 </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 = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
												 </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;
}


#35 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 19 Июль 2016 - 13:10

Ирина к сожалению не удается найти информацию по стилям формы поиска яндекса, там такой информации просто нет.

Подредактируйте пожалуйста так что бы получилось как на картинке. (рис)

Прикрепленные изображения

  • search 2.jpg


#36 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 19 Июль 2016 - 13:52

Просмотр сообщенияCybernetic (19 Июль 2016 - 13:10) писал:

Ирина к сожалению не удается найти информацию по стилям формы поиска яндекса, там такой информации просто нет.

Подредактируйте пожалуйста так что бы получилось как на картинке. (рис)
Добавьте в конец файла main.css
#header #search .ya-site-form__submit {
	width: 67px;
	height: 20px;
	background: #ccc;
	border: 1px ridge;
	cursor: pointer;
}
#header #search .ya-site-form__input-text {
	width: 202px;
	height: 20px;
	color: #CCc !important;
}


#37 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 19 Июль 2016 - 14:02

Просмотр сообщенияИрина345 (19 Июль 2016 - 13:52) писал:

Добавьте в конец файла main.css
#header #search .ya-site-form__submit {
width: 67px;
height: 20px;
background: #ccc;
border: 1px ridge;
cursor: pointer;
}
#header #search .ya-site-form__input-text {
width: 202px;
height: 20px;
color: #CCc !important;
}

Произвел изменения на сайте. Но к сожалению это не то что хотелось бы, визуально нужно сделать как на картинке что бы поиск был так же:
1) на разрешении 1366 и выше поиск начинался от блока перейти в каталог брендов (с небольшим отступом) и заканчивался возле кнопки "главная"
2) У поиска кнопка была (фон) белого цвета.
3) Подскажите пожалуйста как уменьшить border у формы поиска, т.е. какой код за это отвечает.

Прикрепленные изображения

  • search3.jpg


#38 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 19 Июль 2016 - 14:17

Просмотр сообщенияCybernetic (19 Июль 2016 - 14:02) писал:

Произвел изменения на сайте. Но к сожалению это не то что хотелось бы, визуально нужно сделать как на картинке что бы поиск был так же:
1) на разрешении 1366 и выше поиск начинался от блока перейти в каталог брендов (с небольшим отступом) и заканчивался возле кнопки "главная"
2) У поиска кнопка была (фон) белого цвета.
3) Подскажите пожалуйста как уменьшить border у формы поиска, т.е. какой код за это отвечает.
Найдите в файле main.css
#header #search .ya-site-form__submit {
		width: 67px;
		height: 20px;
		background: #ccc;
		border: 1px ridge;
		cursor: pointer;
}
#header #search .ya-site-form__input-text {
		width: 202px;
		height: 20px;
		color: #CCc !important;
}
замените на
#header #search .ya-site-form__submit {
	 width: 100%;
	 height: 20px;
	 background: #ccc;
	 border: 1px ridge;
	 cursor: pointer;
}
#header #search .ya-site-form__input-text {
	 width: 100%;
	 height: 20px;
	 color: #CCc !important;
}

далее найдите
#header #search {border: #5979B4 3px solid;background: #fff;float: right;margin: -2px 2px 9px 0;position: relative;vertical-align: middle;width: 292px;}
замените на
#header #search {
border: #5979B4 3px solid;
background: #fff;
float: left;
/* overflow: hidden; */
margin: -2px 2px 9px 0;
position: relative;
vertical-align: middle;
width: 34%;
}

далее найдите
#header .links {padding-right: 0px;float: right;padding: -70px;width: auto;}
замените на
#header .links {
padding-right: 0px;
float: right;
padding: -70px;
width: 65%;
}


#39 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 07:21

Добрый день.

Помогите пожалуйста подправить поиск и горизонтальное меню:
1) Ширина размеров блока поиска должна совпадать с шириной кнопок вертикального меню и размещаться на одной линии с вертикальным меню. Как на (рис)
2) Подправить размеры по ширине кнопок вертикального меню  - они должны быть одинаковой высоты при наведении и в состоянии покоя.

Прикрепленные изображения

  • верхнее меню.jpg


#40 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 20 Июль 2016 - 09:57

Просмотр сообщенияCybernetic (20 Июль 2016 - 07:21) писал:

Добрый день.

Помогите пожалуйста подправить поиск и горизонтальное меню:
1) Ширина размеров блока поиска должна совпадать с шириной кнопок вертикального меню и размещаться на одной линии с вертикальным меню. Как на (рис)
2) Подправить размеры по ширине кнопок вертикального меню  - они должны быть одинаковой высоты при наведении и в состоянии покоя.
Здравствуйте, добавьте в конец файла main.css
#header #search #ya-site-form0 .ya-site-form__search-input {
padding: 1px 0px !important;
}
далее найдите
#header #search input {
background: none repeat scroll 0 0 #fff;
color: #ccc;
height: 21px;
margin-right: 5px;
padding: 2px;
width: 133px;
height: 16px;
}
замените на
#header #search input {
background: none repeat scroll 0 0 #fff;
color: #ccc;
height: 21px;
margin-right: 0px;
padding: 2px;
width: 133px;
height: 16px;
}

далее найдите
#header #search .ya-site-form__submit {
	width: 50px;
	height: 20px;
	background: #ccc;
	border: 1px ridge;
	cursor: pointer;
}
замените на
#header #search .ya-site-form__submit {
	width: 50px;
	height: 20px;
	background: #ffffff;
	border: 1px ridge;
	cursor: pointer;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных