Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Помогите Поднять Название Магазина Вверх

Автор Yustus, 05 июля 2015 13:10

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 24

#1 Yustus

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

Пользователи
177 сообщений

ГородОмск

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

Помогите поднять название магазина вверх

Какое значение нужно менять?

Наверх

#2 Danil

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

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

Отправлено 05 Июль 2015 - 13:12

Yustus (05 Июль 2015 - 13:10) писал:

Помогите поднять название магазина вверх

Какое значение нужно менять?

Здравствуйте.
В main.css найдите код

#header #welcome {
  font-size: 25px;
  font-family: 'Ubuntu Condensed';
  position: relative;
  padding-top: 60px;
}

изменяйте значение padding-top

Наверх

#3 Yustus

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

Пользователи
177 сообщений

ГородОмск

Отправлено 05 Июль 2015 - 13:21

Благодарю, еще мне нужно уменьшить ширину шапки, здесь какое значение изменять?

Наверх

#4 Danil

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

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

Отправлено 05 Июль 2015 - 13:42

Yustus (05 Июль 2015 - 13:21) писал:

Благодарю, еще мне нужно уменьшить ширину шапки, здесь какое значение изменять?

В main.css найдите код

.rbkhead {
  position: relative;
  float: right;
  top: 9px;
  right: 0px;
  margin: 0 0 9px 9px;
  width: 150px;
  z-index: 15;
}

и замените на

.rbkhead {
  position: relative;
  float: right;
  top: 9px;
  right: 0px;
  margin: 0 0 0px 9px;
  width: 150px;
  z-index: 15;
}

найдите

#header_colapse .inner {
  padding: 0 0 10px;
  z-index: 0;
  position: relative;
  background: #CD3333;
  z-index: 1000;
}

и замените на

#header_colapse .inner {
  padding: 0 0 0px;
  z-index: 0;
  position: relative;
  background: #CD3333;
  z-index: 1000;
}

Наверх

#5 Yustus

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

Пользователи
177 сообщений

ГородОмск

Отправлено 05 Июль 2015 - 15:26

Все получилось.

Еще вопрос на картинке. Спасибо.

Наверх

#6 Danil

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

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

Отправлено 05 Июль 2015 - 15:39

Yustus (05 Июль 2015 - 15:26) писал:

Все получилось.

Еще вопрос на картинке. Спасибо.

Для поиска в main.css найдите код

#header #search {
  position: relative;
  float: right;
  top: 9px;
  right: 0px;
  margin-bottom: 9px;
  width: 225px;
  z-index: 15;
}

изменяйте значение top
Для остального в main.css найдите код

#header_colapse {
  position: relative;
  background-color: #CD3333;
  color: #ffffff;
  z-index: 1000;
}

и замените на

#header_colapse {
  position: relative;
  background-color: #CD3333;
  color: #ffffff;
  z-index: 1000;
  min-height: 90px;
}

Так же в конец main.css добавьте

span.sup_phone, .rbkhead {
  display: none!important;
}

Наверх

#7 Yustus

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

Пользователи
177 сообщений

ГородОмск

Отправлено 05 Июль 2015 - 17:33

При изменении возникли проблемки

и

Наверх

#8 Danil

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

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

Отправлено 05 Июль 2015 - 17:41

Yustus (05 Июль 2015 - 17:33) писал:

При изменении возникли проблемки

и

По первому скриншоту:
в main.css найдите код

#header #support {
  position: relative;
  float: right;
  top: 9px;
  margin-right: 11px;
  z-index: 30;
  width: 200px;
}

изменяйте значение 9px
По 2 и 3:
в main.css найдите

#header_colapse {
  position: relative;
  background-color: #CD3333;
  color: #ffffff;
  z-index: 1000;
  min-height: 90px;
}

и замените на

#header_colapse {
  position: relative;
  background-color: #CD3333;
  color: #ffffff;
  z-index: 1000;
}

Наверх

#9 Yustus

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

Пользователи
177 сообщений

ГородОмск

Отправлено 05 Июль 2015 - 17:53

Наверх

#10 MikDark

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

Модераторы
6 468 сообщений

Отправлено 05 Июль 2015 - 20:46

Yustus (05 Июль 2015 - 17:53) писал:

Добавьте в шаблон main.css код:

.phone a {
  font-size: 22px !important;
}

значение параметра font-size можете поменять на нужное.

Наверх

#11 Stas_Y

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

Пользователи
548 сообщений

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

Здравствуйте помогите сделать!
Сейчас картинка 1, а надо картинка 2

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

Наверх

#12 RayLi

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

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

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

Stas_Y (01 Август 2015 - 11:23) писал:

Здравствуйте помогите сделать!
Сейчас картинка 1, а надо картинка 2

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

Наверх

#13 Stas_Y

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

Пользователи
548 сообщений

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

Нужно:
1) Сократить высоту хедера до окончания логотипа
2) Увеличить белое поле поиска, как на картинке
3) Прописать номера телефонов и адрес как на картинке 2 в том же месте

Наверх

#14 Stas_Y

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

Пользователи
548 сообщений

Отправлено 02 Август 2015 - 07:07

Ау ребята) вы где?

Наверх

#15 Stas_Y

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

Пользователи
548 сообщений

Отправлено 02 Август 2015 - 12:06

Граждане специалисты, гдеее вы?!

Наверх

#16 Danil

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

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

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

Stas_Y (02 Август 2015 - 12:06) писал:

Граждане специалисты, гдеее вы?!

В шаблоне html найдите код

<!-- Форма поиска -->
		 <div id="search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
			 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" 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>
		 <!-- /Форма поиска -->

		 <!-- Контакты -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам">
			 <h4>Связаться с нами</h4>
			 <span class="sup_phone"></span>
			 <div class="contacts">
				 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
					 </a>
				 {% ENDIF %}

				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					 <br />
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
					 </a>
				 {% ENDIF %}
	
				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					 <br />
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
					 </a>
				 {% ENDIF %}
				 </div>
			
				 <!-- Время работы магазина -->
				 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					 {SETTINGS_STORE_WORK_TIME}
				 </div>
				 {% ENDIF %}
				
				 <!-- Контакт Skype -->
				 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 {% ENDIF %}
				 <!-- Номер ICQ на сайте -->
				 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
					 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
				 {% ENDIF %}

				 <div class="clear"></div>
			 </div>
			 </div>
		 {% ENDIF %}
		
		 <div id="welcome"><img src="http://st.anneyes.ru/6/1709/021/.png"></div>

и замените на

<div id="welcome"><img src="http://st.anneyes.ru/6/1709/021/.png"></div>
		 <span class="kontakt">Звоните нам: 123123123, 123123123</span>
		 <!-- Форма поиска -->
		 <div id="search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
			 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" 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>
		 <!-- /Форма поиска -->

		 <!-- Контакты -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам">
			 <h4>Связаться с нами</h4>
			 <span class="sup_phone"></span>
			 <div class="contacts">
				 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
					 </a>
				 {% ENDIF %}

				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					 <br />
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
					 </a>
				 {% ENDIF %}
	
				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					 <br />
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
					 </a>
				 {% ENDIF %}
				 </div>
			
				 <!-- Время работы магазина -->
				 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					 {SETTINGS_STORE_WORK_TIME}
				 </div>
				 {% ENDIF %}
				
				 <!-- Контакт Skype -->
				 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 {% ENDIF %}
				 <!-- Номер ICQ на сайте -->
				 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
					 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
				 {% ENDIF %}

				 <div class="clear"></div>
			 </div>
			 </div>
		 {% ENDIF %}

В конец main.css добавьте

span.kontakt {
	font-size: 24px;
	padding-left: 50px;
}

Так же найдите

#header #search {
	position: relative;
	float: right;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	width: 225px;
	z-index: 15;
}

и замените на

#header #search {
	position: relative;
	float: left;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	width: 282px;
	z-index: 15;
	margin: 25px 0px 0px 40px;
}

найдите

#header #support {
	position: relative;
	float: right;
	top: 9px;
	margin-right: 11px;
	z-index: 30;
	width: 200px;
}

и замените на

#header #support {
	position: relative;
	float: right;
	top: 9px;
	margin-right: 11px;
	display: none;
	z-index: 30;
	width: 200px;
}

найдите

#header #welcome {
	font-size: 25px;
	font-family: 'Ubuntu Condensed';
	position: relative;
}

и замените на

#header #welcome {
	font-size: 25px;
	font-family: 'Ubuntu Condensed';
	position: relative;
	float: left;
}

найдите

#header #search input {
	width: 160px;
	height: 21px;
	padding: 8px;
}

и замените на

#header #search input {
	width: 225px;
	height: 21px;
	padding: 8px;
}

Наверх

#17 Stas_Y

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

Пользователи
548 сообщений

Отправлено 02 Август 2015 - 16:19

Что-то пошло не так)

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

Наверх

#18 Danil

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

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

Отправлено 02 Август 2015 - 16:38

Stas_Y (02 Август 2015 - 16:19) писал:

Что-то пошло не так)

К сожалению, Вы не произвели первую замену в шаблоне html, из сообщения 16.

Наверх

#19 Stas_Y

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

Пользователи
548 сообщений

Отправлено 02 Август 2015 - 17:31

ОО)) уже лучше. А как уменьшить шрифт верхней надписи (Звоните нам)?
Как увеличить по длине поле поиска?
Как менять ширину красно полосы?

Наверх

#20 Danil

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

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

Отправлено 02 Август 2015 - 18:09

Stas_Y (02 Август 2015 - 17:31) писал:

ОО)) уже лучше. А как уменьшить шрифт верхней надписи (Звоните нам)?
Как увеличить по длине поле поиска?
Как менять ширину красно полосы?

Размер шрифта для надписи изменяется в коде

span.kontakt {
		font-size: 24px;
		padding-left: 50px;
}

Ширина белой полосы изменяется в коде

#header #search input {
		width: 225px;
		height: 21px;
		padding: 8px;
}

Ширина блока с белой полосой и значком "найти" изменяйте в коде(необходимо увеличивать на тоже кол-во пикселей, что и белую полосу)

#header #search {
		position: relative;
		float: left;
		top: 9px;
		right: 0px;
		margin-bottom: 9px;
		width: 282px;
		z-index: 15;
		margin: 25px 0px 0px 40px;
}