Здравствуйте.
В шаблон "Движение" поставил корзину из шаблона "Весна". Разместилась она в шапке заместо бывшей, но ее перекрывает поиск. Также похоже и корзина не перемещается. Нужна помощь!
Выглядит сейчас это так:
Хотелось бы так:
Код новой корзины в HTML на месте старой, а в style.css добавлен в самый конец. Спасибо
0
Изменить Местоположение Поиска И Корзины
Автор vanyushka, 20 марта 2015 16:32
Сообщений в теме: 5
#1
Отправлено 20 Март 2015 - 16:32
#2
Отправлено 20 Март 2015 - 18:44
ipodushkin (20 Март 2015 - 16:32) писал:
Здравствуйте.
В шаблон "Движение" поставил корзину из шаблона "Весна". Разместилась она в шапке заместо бывшей, но ее перекрывает поиск. Также похоже и корзина не перемещается. Нужна помощь!
Выглядит сейчас это так:
Хотелось бы так:
Код новой корзины в HTML на месте старой, а в style.css добавлен в самый конец. Спасибо
В шаблон "Движение" поставил корзину из шаблона "Весна". Разместилась она в шапке заместо бывшей, но ее перекрывает поиск. Также похоже и корзина не перемещается. Нужна помощь!
Выглядит сейчас это так:
Хотелось бы так:
Код новой корзины в HTML на месте старой, а в style.css добавлен в самый конец. Спасибо
<!-- Форма поиска --> <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> <!-- /Форма поиска -->вставив этот код после
<!-- end Верхний блок навигации -->и в style.css замените
#search { width: 300px; position: absolute; top: 40px; right: 100px; z-index: 100; }на
#search { width: 300px; position: absolute; top: 5px; right: 30px; z-index: 100; }
#3
Отправлено 20 Март 2015 - 20:47
Alekseys (20 Март 2015 - 18:44) писал:
Здравствуйте. В шаблоне 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> <!-- /Форма поиска -->вставив этот код после
<!-- end Верхний блок навигации -->и в style.css замените
#search { width: 300px; position: absolute; top: 40px; right: 100px; z-index: 100; }на
#search { width: 300px; position: absolute; top: 5px; right: 30px; z-index: 100; }
Спасибо!
1. Поиск как-то прикреплен к кнопке "начать поиск" (желтая стрелка). Я настроил местоположение поиска, но при этом стрелка ушла за пределы разметки сайта вправо. Можно ли ее убрать и убрать расстояние что образовалось?
2. Как подвинуть корзину чуть влево?
#4
Отправлено 20 Март 2015 - 20:56
ipodushkin (20 Март 2015 - 20:47) писал:
Спасибо!
1. Поиск как-то прикреплен к кнопке "начать поиск" (желтая стрелка). Я настроил местоположение поиска, но при этом стрелка ушла за пределы разметки сайта вправо. Можно ли ее убрать и убрать расстояние что образовалось?
2. Как подвинуть корзину чуть влево?
1. Поиск как-то прикреплен к кнопке "начать поиск" (желтая стрелка). Я настроил местоположение поиска, но при этом стрелка ушла за пределы разметки сайта вправо. Можно ли ее убрать и убрать расстояние что образовалось?
2. Как подвинуть корзину чуть влево?
#search { width: 300px; position: absolute; top: 8px; right: -110px; z-index: 100; }на
#search { width: 140px; position: absolute; top: 8px; right: 30px; z-index: 100; }и
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:40px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}замените на
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:30px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}
#5
Отправлено 22 Март 2015 - 11:27
Можно ли окно поиска сблизить с кнопкой поиска? Вот что вышло:
#6
Отправлено 22 Март 2015 - 12:18
ipodushkin (22 Март 2015 - 11:27) писал:
Можно ли окно поиска сблизить с кнопкой поиска? Вот что вышло:
input#Search {
float: right;
margin-right: 1px;
}
так же найдите
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:30px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}и замените на
#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:32px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных