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


Изменение Шрифтов


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

#1 Mosdetector

Mosdetector

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

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

Отправлено 18 Май 2015 - 18:48

Аккаунт SL-312068
Подскажите пжл как изменять шрифты на сайте . тему такую фидел но не нашел нужного кода в редакторе.
Спасибо

#2 RayLi

RayLi

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

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

Отправлено 18 Май 2015 - 19:01

Просмотр сообщенияMosdetector (18 Май 2015 - 18:48) писал:

Аккаунт SL-312068
Подскажите пжл как изменять шрифты на сайте . тему такую фидел но не нашел нужного кода в редакторе.
Спасибо

Здравствуйте.
Если я вас правильно понял, то стиль шрифтов на сайте изменяются кодом font-family в шаблоне стилей main.css.
Пример: font-family: Arial

#3 Mosdetector

Mosdetector

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

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

Отправлено 18 Май 2015 - 21:22

спасибо получилось,
подскажите пожалуйста как вставить рисунок телефона и почты напротив контактов в шапке!

#4 Vaccina

Vaccina

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

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

Отправлено 19 Май 2015 - 04:55

Сайт - Редактор шаблонов - HTML - найдите:
  <div class="block-content_top">
										{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</p>{% ENDIF %}
										{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</p>{% ENDIF %}
										{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</p>{% ENDIF %}
										{% IF SETTINGS_STORE_EMAIL_MAIN %}<p>Email : <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
										{% IF SETTINGS_STORE_SKYPE %}<p>Skype : {SETTINGS_STORE_SKYPE}</p>{% ENDIF %}
										{% IF SETTINGS_STORE_ICQ %}<p>ICQ : {SETTINGS_STORE_ICQ}</p>{% ENDIF %}
								  </div>

перед словами "Телефон" и "Email" вставьте:
<img src="ссылка на картинку\иконку" alt="" />

текст замените на реальную ссылку файла

#5 Mosdetector

Mosdetector

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

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

Отправлено 19 Май 2015 - 20:16

Спасибо получилось!
Подскажите пожалуйста, как увеличить и сделать пожирнее контакты в шапке!

#6 Cupuyc

Cupuyc

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

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

Отправлено 19 Май 2015 - 20:20

Просмотр сообщенияMosdetector (19 Май 2015 - 20:16) писал:

Спасибо получилось!
Подскажите пожалуйста, как увеличить и сделать пожирнее контакты в шапке!

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.spotlight2_top {
float: right;
}

Замените его на:
.spotlight2_top {
float: right;
font-size: 14px;
font-weight: bold;
}


#7 Mosdetector

Mosdetector

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

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

Отправлено 19 Май 2015 - 20:25

И как изменить 1.цвет стрелочек.
2.вставить баннер и сразу как его редактировать (передвигать )

Спасибо

Просмотр сообщенияCupuyc (19 Май 2015 - 20:20) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.spotlight2_top {
float: right;
}



А как уменьшить расстояние между телефонами!?

Замените его на:
.spotlight2_top {
float: right;
font-size: 14px;
font-weight: bold;
}

Получилось.А Как уменьшить расстояние между строчками в шапке с телефонами!

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

  • 2015-05-19 20-18-10 Скриншот экрана.png


#8 Cupuyc

Cupuyc

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

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

Отправлено 19 Май 2015 - 20:34

Просмотр сообщенияMosdetector (19 Май 2015 - 20:25) писал:

И как изменить 1.цвет стрелочек.
2.вставить баннер и сразу как его редактировать (передвигать )

Спасибо



Получилось.А Как уменьшить расстояние между строчками в шапке с телефонами!


1) Для изменения их цвета следует заменить файлы "next-pro.png" и "prev-pro.png", на файлы изображения "стрелочек" другого цвета, не меняя их имён.

2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
						  <!-- Логотип -->
						  <div class="logo col-lg-3 col-md-2 col-xs-12">						 
								<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">							   
								  <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
																  </a>
						  </div>

Замените его на:
						  <!-- Логотип -->
						  <div class="logo col-lg-3 col-md-2 col-xs-12">						 
								<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">							   
								  <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
																  </a>
						  </div>
						 
						  <!-- Баннер -->
						  <div class="Baner">						 
								<a title="Текст при наведении" href="http://{NET_DOMAIN}/">							   
								  <img src="{ASSETS_IMAGES_PATH}Baner.png?design=orange">
								</a>
						  </div>
						  <!-- /END Баннер -->

Загрузите в админ панель изображение для баннера вида:"Baner.png" и замените "Текст при наведении" на необходимый.

#9 Mosdetector

Mosdetector

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

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

Отправлено 19 Май 2015 - 21:07

Подскажите -))
1. Как сдвинуть лого
2. поднять телефоны на верх
3.и как двигать баннер
Спасибо очень сильно выручаете!!!

#10 Vaccina

Vaccina

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

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

Отправлено 20 Май 2015 - 04:49

1. Уточните пожалуйста, куда вы его хотите сдвинуть?
2. Возможно, вы хотите их немного опустить, так как на данный момент они находятся в самом верху центрового блока, сразу под блоком корзины и поиска, чтобы опустить его в main.css найдите:
.spotlight2_top {
  float: right;
  font-size: 14px;
}

замените на:
.spotlight2_top {
  float: right;
  font-size: 14px;
  margin-top: 20px;
}

3. Баннер у вас на данный момент отсутствует, сохраните изменения, чтобы на основе результатов мы могли в дальнейшем консультировать.

#11 Mosdetector

Mosdetector

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

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

Отправлено 20 Май 2015 - 11:16

Подскажите -)) Поставил баннер и все сьехало-((9
1. Как сдвинуть лого - сдвинуть левее
2. поднять телефоны на верх- поднять на верх и уменьшить расстояние между строками
3.и как двигать баннер - баннер по середине и чтоб я мог двигать его !
Спасибо очень сильно выручаете!!!

#12 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 20 Май 2015 - 11:35

Просмотр сообщенияMosdetector (20 Май 2015 - 11:16) писал:

Подскажите -)) Поставил баннер и все сьехало-((9
1. Как сдвинуть лого - сдвинуть левее
2. поднять телефоны на верх- поднять на верх и уменьшить расстояние между строками
3.и как двигать баннер - баннер по середине и чтоб я мог двигать его !
Спасибо очень сильно выручаете!!!
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
<!-- Баннер -->
												 <div class="Baner">										
															 <a title="Текст при наведении" href="http://{NET_DOMAIN}/">													
																 <img src="{ASSETS_IMAGES_PATH}Baner1.png?design=orange">
															 </a>
												 </div>
												 <!-- /END Баннер -->

Найдите код:
<div class="clear-resp-f"></div>
						 <!-- Каталог в шапке -->

Замените на:
<!-- Баннер -->
												 <div class="Baner">										
															 <a title="Текст при наведении" href="http://{NET_DOMAIN}/">													
																 <img src="{ASSETS_IMAGES_PATH}Baner1.png?design=orange">
															 </a>
												 </div>
												 <!-- /END Баннер -->
							 <div class="clear-resp-f"></div>
						 <!-- Каталог в шапке -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.Baner {
position: relative;
text-align: center;
}





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

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