Как Убрать Поиск При Проматывании Страницы ?
#1
Отправлено 31 Июль 2014 - 11:46
#2
Отправлено 31 Июль 2014 - 11:49
1egi0n (31 Июль 2014 - 11:46) писал:
Найти и удалить:
// Появляющаяся плашка function windowScroll() { if ($('body').hasClass('tovar')) { var offset = $('.add-to-links').offset(); // нужное расстояние после прокрутки которого будет показано окно. } else { var offset = $('.nav-container').offset(); } //alert(offset.top); if ($(window).scrollTop() > offset.top) $('#header_bar').fadeIn(); else if ($(window).scrollTop() < offset.top) $('#header_bar').fadeOut(); } $(window).scroll(function(){ if ($(window).width() > 767) { windowScroll(); } });
#3
Отправлено 31 Июль 2014 - 12:09
#4
Отправлено 04 Август 2014 - 09:49
подскажите, где еще нужно исправить?
#6
Отправлено 04 Август 2014 - 13:55
#8
Отправлено 04 Август 2014 - 14:52
#10
Отправлено 31 Октябрь 2014 - 03:25
<div class="nav-container"> <div id="menu_block_head">вставьте:
<!-- Поиск --> <div id="search"> <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.png?design=shine" /> <div class="clr"></div> </div> </form> </div> <!-- end Поиск -->где search.png - иконка поиска, которую вам необходимо загрузить в редактор шаблонов
и в файле style.css добавьте:
#search{ float:right; }
#11
Отправлено 31 Октябрь 2014 - 11:51
Vaccina (31 Октябрь 2014 - 03:25) писал:
<div class="nav-container"> <div id="menu_block_head">вставьте:
<!-- Поиск --> <div id="search"> <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.png?design=shine" /> <div class="clr"></div> </div> </form> </div> <!-- end Поиск -->где search.png - иконка поиска, которую вам необходимо загрузить в редактор шаблонов
и в файле style.css добавьте:
#search{ float:right; }
#13
Отправлено 31 Октябрь 2014 - 12:47
Yasin (31 Октябрь 2014 - 12:26) писал:
#search input[type=text] { width: 100%; padding: 0 25px 0 10px; height: 29px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 14px; }и замените на
#search input[type=text] { width: 68%; padding: 0 10px 0 10px; height: 29px; box-sizing: border-box; -moz-box-sizing: border-box; float: left; -webkit-box-sizing: border-box; margin-top: 14px; }Так же в конец style.css добавьте код
#search input[type=image] { font-family: Helvetica; -webkit-border-radius: 2px; float: left; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 0px 6px; margin-top: 14px; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 12px; }
#14
Отправлено 31 Октябрь 2014 - 13:47
Danil (31 Октябрь 2014 - 12:47) писал:
#search input[type=text] { width: 100%; padding: 0 25px 0 10px; height: 29px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 14px; }и замените на
#search input[type=text] { width: 68%; padding: 0 10px 0 10px; height: 29px; box-sizing: border-box; -moz-box-sizing: border-box; float: left; -webkit-box-sizing: border-box; margin-top: 14px; }Так же в конец style.css добавьте код
#search input[type=image] { font-family: Helvetica; -webkit-border-radius: 2px; float: left; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 0px 6px; margin-top: 14px; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 12px; }
#15
Отправлено 31 Октябрь 2014 - 14:20
Yasin (31 Октябрь 2014 - 13:47) писал:
В style.css
CHECKBOX, INPUT, RADIO, SELECT { font-family: Helvetica; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 4px 6px; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 12px; }измените на
CHECKBOX, INPUT, RADIO, SELECT { font-family: Helvetica; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 14px 0px; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 12px; }
#16
Отправлено 31 Октябрь 2014 - 14:27
batta (31 Октябрь 2014 - 14:20) писал:
В style.css
CHECKBOX, INPUT, RADIO, SELECT { font-family: Helvetica; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 4px 6px; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 12px; }измените на
CHECKBOX, INPUT, RADIO, SELECT { font-family: Helvetica; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 14px 0px; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 12px; }
#17
Отправлено 04 Июль 2015 - 01:17
#18
Отправлено 04 Июль 2015 - 10:02
gtsound (04 Июль 2015 - 01:17) писал:
Попробуйте сделать следующее:
в шаблоне html найдите код
<!-- Форма поиска --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;"> <div id="search"> <input type="search" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" /> <input name="search" title="Искать" type="submit" value="" /> <div class="clear"></div> </div> </form> <!-- /Форма поиска -->и замените на
<div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <b>Контакты:</b><br /> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}<br /> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}<br /> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="time"> <b>Время работы:</b><br /> <span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </span> </div> {% ENDIF %} <div class="clear"></div> </div>
#19
Отправлено 04 Июль 2015 - 10:38
Danil (04 Июль 2015 - 10:02) писал:
Попробуйте сделать следующее:
в шаблоне html найдите код
<!-- Форма поиска --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;"> <div id="search"> <input type="search" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" /> <input name="search" title="Искать" type="submit" value="" /> <div class="clear"></div> </div> </form> <!-- /Форма поиска -->и замените на
<div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <b>Контакты:</b><br /> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}<br /> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}<br /> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="time"> <b>Время работы:</b><br /> <span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </span> </div> {% ENDIF %} <div class="clear"></div> </div>
Спасибо. получилось!
Еще вопрос. сделал скрин. теперь нужно сделать что бы облать, которая выделена сверху была единым черным. Что бы лого можно было растянуть на всю ширину страницы. Так же, слайдер сделать статичной высотой как показано стрелками
#20
Отправлено 04 Июль 2015 - 11:47
gtsound (04 Июль 2015 - 10:38) писал:
Еще вопрос. сделал скрин. теперь нужно сделать что бы облать, которая выделена сверху была единым черным. Что бы лого можно было растянуть на всю ширину страницы. Так же, слайдер сделать статичной высотой как показано стрелками
Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне style.css найдите данный код:
#header .container { border-bottom: solid 5px #ff0000; background: url("{ASSETS_IMAGES_PATH}header-bg.png"); }
И замените его вот этим вот кодом:
#header .container { border-bottom: solid 5px #ff0000; background-color: #000; }
Далее в шаблоне camera.css найдите следующий код:
.camera_wrap { width: 100%; } .camera_wrap { width: 100%; height: 368px !important; margin-top: 9.3%; }
И замените его этим вот кодом:
.camera_wrap { width: 100%; height: 368px !important; margin-top: 9.3%; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных