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


Помогите Вставить Свою Шапку И Изменить Некоторые Детали.

Автор Ксюша, 21 сент. 2014 13:16

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

#41 AniTai

AniTai

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

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

Отправлено 16 Ноябрь 2014 - 20:31

Просмотр сообщенияDanil (16 Ноябрь 2014 - 20:22) писал:

Здравствуйте.
Добавьте в конец main.css код
.cat-name {
width: 14%;
height: 48px;
}
a.main_category {
width: 100%;
height: 48px;
}
в main.css или в style.css?

#42 Danil

Danil

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

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

Отправлено 16 Ноябрь 2014 - 20:38

Просмотр сообщенияAniTai (16 Ноябрь 2014 - 20:31) писал:

в main.css или в style.css?
Извините, ошибся, ввставьте код в  style.css

#43 AniTai

AniTai

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

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

Отправлено 16 Ноябрь 2014 - 20:53

Просмотр сообщенияDanil (16 Ноябрь 2014 - 20:38) писал:

Извините, ошибся, ввставьте код в  style.css
Вставила

#44 Danil

Danil

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

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

Отправлено 16 Ноябрь 2014 - 21:00

Просмотр сообщенияAniTai (16 Ноябрь 2014 - 20:53) писал:

Вставила
Ошибку исправили, она заключалась в отсутствующей скобке }
Проверьте изменения.

#45 AniTai

AniTai

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

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

Отправлено 16 Ноябрь 2014 - 21:04

Просмотр сообщенияDanil (16 Ноябрь 2014 - 21:00) писал:

Ошибку исправили, она заключалась в отсутствующей скобке }
Проверьте изменения.
Ой как замечательно, спасибо огромное)))
И можно вас еще попросить, мне нужно строку поиска опустить под меню, а то она перечеркивает весь вид.

#46 Danil

Danil

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

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

Отправлено 16 Ноябрь 2014 - 21:24

Просмотр сообщенияAniTai (16 Ноябрь 2014 - 21:04) писал:

Ой как замечательно, спасибо огромное)))
И можно вас еще попросить, мне нужно строку поиска опустить под меню, а то она перечеркивает весь вид.
В шаблоне html найдите код и вырежьте его(213-220 строка)
   <!-- Форма поиска -->
		  <div id="search">
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;">
			  <input type="text" 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=""> 
			</form>
		  </div>
		  <!-- /Форма поиска -->
Далее вырезанный код вставьте после 
	 <div class="twelve columns omega main_part_wrapper">

В style.css найдите 
#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:#ff0000;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;
z-index: 99999;
cursor: pointer;
width: 21px;
height: 40px;
background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');
background-position: 1px 1px;
background-repeat: no-repeat;
background-color: #ff0000;
right: -20px;
text-indent: -2000px-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
так же найдите 
#search input[type=text] {
width: 100%;
padding: 0 25px 0 10px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
и замените на 
#search input[type=text] {
padding: 0 25px 0 10px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
найдите 
#search {
width: 192px;
position: absolute;
top: 105px;
right: 40px;
z-index: 100;
}
и замените на 
#search {
width: 188px;
z-index: 100;
float: right;
}

#47 AniTai

AniTai

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

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

Отправлено 16 Ноябрь 2014 - 21:44

Просмотр сообщенияDanil (16 Ноябрь 2014 - 21:24) писал:

В шаблоне html найдите код и вырежьте его(213-220 строка)
<!-- Форма поиска -->
		 <div id="search">
		 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <input type="text" 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="">
		 </form>
		 </div>
		 <!-- /Форма поиска -->
Далее вырезанный код вставьте после
	 <div class="twelve columns omega main_part_wrapper">

В style.css найдите
#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:#ff0000;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;
z-index: 99999;
cursor: pointer;
width: 21px;
height: 40px;
background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');
background-position: 1px 1px;
background-repeat: no-repeat;
background-color: #ff0000;
right: -20px;
text-indent: -2000px-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
так же найдите
#search input[type=text] {
width: 100%;
padding: 0 25px 0 10px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
и замените на
#search input[type=text] {
padding: 0 25px 0 10px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
найдите
#search {
width: 192px;
position: absolute;
top: 105px;
right: 40px;
z-index: 100;
}
и замените на
#search {
width: 188px;
z-index: 100;
float: right;
}
Поменяла
Получилось так 186f1621.jpg

#48 Danil

Danil

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

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

Отправлено 16 Ноябрь 2014 - 21:51

Просмотр сообщенияAniTai (16 Ноябрь 2014 - 21:44) писал:

Поменяла
Получилось так Прикрепленный файл 186f1621.jpg
Изменения подправили, проверьте.

#49 AniTai

AniTai

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

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

Отправлено 16 Ноябрь 2014 - 21:57

Тут некоторые неполадочки образовались
1. строка поиска отражается еще на шапке в правом верхнем углу
2. Между шапкой и верхним меню появилось большое пространство
3. и на других страницах сайта, строка поиска наезжает на разделительную линию
48585bb8.jpg

#50 Danil

Danil

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

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

Отправлено 16 Ноябрь 2014 - 22:05

Просмотр сообщенияAniTai (16 Ноябрь 2014 - 21:57) писал:

Тут некоторые неполадочки образовались
1. строка поиска отражается еще на шапке в правом верхнем углу
2. Между шапкой и верхним меню появилось большое пространство
3. и на других страницах сайта, строка поиска наезжает на разделительную линию
Прикрепленный файл 48585bb8.jpg
Изменения произвели.
Вы забыли вырезать код поиска.
Чтобы уменьшить отступ в style.css найдите 
.nav-container {
background: url("http://anitai.storeland.net/logo5.png");
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 290px;
z-index: 10;
}
изменяйте значение 290px

#51 AniTai

AniTai

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

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

Отправлено 16 Ноябрь 2014 - 22:11

Просмотр сообщенияDanil (16 Ноябрь 2014 - 22:05) писал:

Изменения произвели.
Вы забыли вырезать код поиска.
Чтобы уменьшить отступ в style.css найдите
.nav-container {
background: url("http://anitai.storeland.net/logo5.png");
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 290px;
z-index: 10;
}
изменяйте значение 290px
Спасибо вам большое)) Извините, что мучила вас вопросами в столь поздний час)

#52 AniTai

AniTai

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

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

Отправлено 17 Ноябрь 2014 - 18:47

Здравствуйте еще раз.
Я сегодня поменяла шрифт на сайте и строка поиска опять сползла.eb09f047.jpg
И я еще вчера заметила такую ошибку 5acc3469.jpg
Помогите пожалуйста их исправить, сама не справлюсь.

#53 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Ноябрь 2014 - 18:55

Просмотр сообщенияAniTai (17 Ноябрь 2014 - 18:47) писал:

Здравствуйте еще раз.
Я сегодня поменяла шрифт на сайте и строка поиска опять сползла.Прикрепленный файл eb09f047.jpg
И я еще вчера заметила такую ошибку Прикрепленный файл 5acc3469.jpg
Помогите пожалуйста их исправить, сама не справлюсь.
Здравствуйте.
Найдите в шаблоне style.css следующий код:
#search input[type="search"] {
padding: 0 25px 0 10px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
И замените его этим кодом:
#search input[type="search"] {
padding: 0px 25px 0px 7px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}

#54 AniTai

AniTai

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

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

Отправлено 17 Ноябрь 2014 - 19:01

Просмотр сообщенияRayLi (17 Ноябрь 2014 - 18:55) писал:

Здравствуйте.
Найдите в шаблоне style.css следующий код:
#search input[type="search"] {
padding: 0 25px 0 10px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
И замените его этим кодом:
#search input[type="search"] {
padding: 0px 25px 0px 7px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
Вставила, ничего не изменилось

#55 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Ноябрь 2014 - 19:02

Просмотр сообщенияAniTai (17 Ноябрь 2014 - 19:01) писал:

Вставила, ничего не изменилось
У вас всё изменилось, обновите кэш.

#56 AniTai

AniTai

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

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

Отправлено 17 Ноябрь 2014 - 19:08

Просмотр сообщенияRayLi (17 Ноябрь 2014 - 19:02) писал:

У вас всё изменилось, обновите кэш.
Почистила кэш - картина та же.

#57 AnnaM

AnnaM

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

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

Отправлено 17 Ноябрь 2014 - 19:38

Просмотр сообщенияAniTai (17 Ноябрь 2014 - 19:08) писал:

Почистила кэш - картина та же.
Замените в style.css 
#search input[type="search"] {
padding: 0px 25px 0px 7px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
на 
#search input[type="search"] {
/*padding: 0px 25px 0px 7px;*/
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}

#58 AniTai

AniTai

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

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

Отправлено 17 Ноябрь 2014 - 20:02

Просмотр сообщенияAnnaM (17 Ноябрь 2014 - 19:38) писал:

Замените в style.css 
#search input[type="search"] {
padding: 0px 25px 0px 7px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
на 
#search input[type="search"] {
/*padding: 0px 25px 0px 7px;*/
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
}
Спасибо большое, строка поиска встала на место)
Помогите пожалуйста еще вторую ошибку исправить.
5acc3469.jpg

#59 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2014 - 04:47

В шаблоне Товары найдите:
{% IF GOODS_PAGES_CURRENT=1 %}
						   <!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
				  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <div class="product-list2">
								{% FOR nested_categories_list %}
								  <div class="main_general" style="float:none;">
												<div>
																  <a class="category-name" style="text-decoration:underline;" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
												</div>
								  </div>
								  {% ENDFOR %}
				  </div>
				  <br clear="all"/>
		  {% ENDIF %}
замените на:
						   <!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
				  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <div class="product-list2">
								{% FOR nested_categories_list %}
								  <div class="main_general" style="float:none;">
												<div>
																  <a class="category-name" style="text-decoration:underline;" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
												</div>
								  </div>
								  {% ENDFOR %}
				  </div>
				  <br clear="all"/>

#60 AniTai

AniTai

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

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

Отправлено 20 Ноябрь 2014 - 13:57

Просмотр сообщенияVaccina (20 Ноябрь 2014 - 04:47) писал:

В шаблоне Товары найдите:
{% IF GOODS_PAGES_CURRENT=1 %}
						 <!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
				 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <div class="product-list2">
							 {% FOR nested_categories_list %}
								 <div class="main_general" style="float:none;">
											 <div>
																 <a class="category-name" style="text-decoration:underline;" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
											 </div>
								 </div>
								 {% ENDFOR %}
				 </div>
				 <br clear="all"/>
		 {% ENDIF %}
замените на:
						 <!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
				 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <div class="product-list2">
							 {% FOR nested_categories_list %}
								 <div class="main_general" style="float:none;">
											 <div>
																 <a class="category-name" style="text-decoration:underline;" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
											 </div>
								 </div>
								 {% ENDFOR %}
				 </div>
				 <br clear="all"/>
Здравствуйте, заменила, но все равно выпадает второе меню.
Если нажать на кнопку, которая выдает меню в виде списка - то выпадает второе меню.
Если потом нажать на кнопку, которая выдает меню в виде таблицы - то меню вообще пропадает.

SL-290465


Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Изменение общей стилистики
  6. Privacy Policy