Изменение Шрифтов
#1
Отправлено 18 Май 2015 - 18:48
Подскажите пжл как изменять шрифты на сайте . тему такую фидел но не нашел нужного кода в редакторе.
Спасибо
#2
Отправлено 18 Май 2015 - 19:01
Mosdetector (18 Май 2015 - 18:48) писал:
Подскажите пжл как изменять шрифты на сайте . тему такую фидел но не нашел нужного кода в редакторе.
Спасибо
Здравствуйте.
Если я вас правильно понял, то стиль шрифтов на сайте изменяются кодом font-family в шаблоне стилей main.css.
Пример: font-family: Arial
#3
Отправлено 18 Май 2015 - 21:22
подскажите пожалуйста как вставить рисунок телефона и почты напротив контактов в шапке!
#4
Отправлено 19 Май 2015 - 04:55
<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
Отправлено 19 Май 2015 - 20:16
Подскажите пожалуйста, как увеличить и сделать пожирнее контакты в шапке!
#6
Отправлено 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
Отправлено 19 Май 2015 - 20:25
2.вставить баннер и сразу как его редактировать (передвигать )
Спасибо
Cupuyc (19 Май 2015 - 20:20) писал:
.spotlight2_top { float: right; }
А как уменьшить расстояние между телефонами!?
Замените его на:
.spotlight2_top { float: right; font-size: 14px; font-weight: bold; }
Получилось.А Как уменьшить расстояние между строчками в шапке с телефонами!
#8
Отправлено 19 Май 2015 - 20:34
Mosdetector (19 Май 2015 - 20:25) писал:
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
Отправлено 19 Май 2015 - 21:07
1. Как сдвинуть лого
2. поднять телефоны на верх
3.и как двигать баннер
Спасибо очень сильно выручаете!!!
#10
Отправлено 20 Май 2015 - 04:49
2. Возможно, вы хотите их немного опустить, так как на данный момент они находятся в самом верху центрового блока, сразу под блоком корзины и поиска, чтобы опустить его в main.css найдите:
.spotlight2_top { float: right; font-size: 14px; }
замените на:
.spotlight2_top { float: right; font-size: 14px; margin-top: 20px; }
3. Баннер у вас на данный момент отсутствует, сохраните изменения, чтобы на основе результатов мы могли в дальнейшем консультировать.
#11
Отправлено 20 Май 2015 - 11:16
1. Как сдвинуть лого - сдвинуть левее
2. поднять телефоны на верх- поднять на верх и уменьшить расстояние между строками
3.и как двигать баннер - баннер по середине и чтоб я мог двигать его !
Спасибо очень сильно выручаете!!!
#12
Отправлено 20 Май 2015 - 11:35
Mosdetector (20 Май 2015 - 11:16) писал:
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 анонимных