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


Фон И Размер Верхнего Меню


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

#1 ukraintsef

ukraintsef

    Пользователь

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

Отправлено 01 Март 2016 - 02:28

Подскажите как изменить фон верхнего меню и немного увеличить размер (email телефон меню)

Аккаунт SL-378530

#2 Vaccina

Vaccina

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

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

Отправлено 01 Март 2016 - 03:08

В main.css найдите:
#header-top {
	height: 41px;
	line-height: 36px;
	border-top: 5px solid #3cabda;
	position: relative;
}

замените на:
#header-top {
	height: 41px;
	line-height: 36px;
	border-top: 5px solid #3cabda;
	position: relative;
	background: #17B52A;
}

и в нем измените значение стиля background на необходимое.

Далее найдите:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 120%;}

в нем увеличьте значения стиля размера шрифта font-size

Далее найдите:
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}

замените на:
#header-top .topheader-right .sns-quickaccess ul.links li {font-size: 14px;background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}


#3 ukraintsef

ukraintsef

    Пользователь

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

Отправлено 01 Март 2016 - 15:14

Просмотр сообщенияVaccina (01 Март 2016 - 03:08) писал:

В main.css найдите:
#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
}

замените на:
#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
background: #17B52A;
}

и в нем измените значение стиля background на необходимое.

Далее найдите:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 120%;}

в нем увеличьте значения стиля размера шрифта font-size

Далее найдите:
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}

замените на:
#header-top .topheader-right .sns-quickaccess ul.links li {font-size: 14px;background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
Спасибо большое.
А ЕЩЕ ВОПРОС КАК ПОМЕНЯТЬ МЕСТАМИ ЧТОБ ТЕЛЕФОН И ЭМЭЙЛ БЫЛИ СПРАВА А МЕНЮ СЛЕВА, заранее спасибо)

#4 Danil

Danil

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

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

Отправлено 01 Март 2016 - 15:43

Просмотр сообщенияukraintsef (01 Март 2016 - 15:14) писал:

Спасибо большое.
А ЕЩЕ ВОПРОС КАК ПОМЕНЯТЬ МЕСТАМИ ЧТОБ ТЕЛЕФОН И ЭМЭЙЛ БЫЛИ СПРАВА А МЕНЮ СЛЕВА, заранее спасибо)
В шаблоне html найдите код
<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>
			</div>
			<div class="topheader-right col-md-7 col-sms-3 col-smb-6">
и замените на
<div class="topheader-right col-md-5 col-sms-9 col-smb-6">
			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>
			</div>
			<div class="topheader-left col-md-7 col-sms-3 col-smb-6">


#5 ukraintsef

ukraintsef

    Пользователь

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

Отправлено 01 Март 2016 - 15:51

Просмотр сообщенияDanil (01 Март 2016 - 15:43) писал:

В шаблоне html найдите код
<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			 <ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			 </ul>
		 </div>
		 <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
и замените на
<div class="topheader-right col-md-5 col-sms-9 col-smb-6">
			 <ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			 </ul>
		 </div>
		 <div class="topheader-left col-md-7 col-sms-3 col-smb-6">
меню встало не так ,как убрать надпись добро пожаловать , и чтоб меню было в один ряд вот скрин

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

  • Screenshot.png


#6 Danil

Danil

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

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

Отправлено 01 Март 2016 - 16:19

Просмотр сообщенияukraintsef (01 Март 2016 - 15:51) писал:

меню встало не так ,как убрать надпись добро пожаловать , и чтоб меню было в один ряд вот скрин
Изменения Вам произвели, проверьте.

#7 stanislav93

stanislav93

    Новичок

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

Отправлено 17 Декабрь 2016 - 19:08

Помогите и мне настроить также как и предыдущему пользователю. проблема такая же(

#8 Danil

Danil

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

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

Отправлено 17 Декабрь 2016 - 20:02

Просмотр сообщенияstanislav93 (17 Декабрь 2016 - 19:08) писал:

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




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

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