Как Изменить Размер Логотипа И Размер И Положение Шрифта Телефона
#1
Отправлено 26 Сентябрь 2014 - 11:55
Подскажите, как изменить размер лого. И размер, положение и цвет шрифта телефона, а время вообще убрать
Спасибо,заранее
#2
Отправлено 26 Сентябрь 2014 - 15:00
vais86 (26 Сентябрь 2014 - 11:55) писал:
Подскажите, как изменить размер лого. И размер, положение и цвет шрифта телефона, а время вообще убрать
Спасибо,заранее
.hgroup img { width: 300px; }изменяя параметр width: 300px; выберите нужный размер логотипа. Положение телефона Вы можете изменить редактируя в style.css
.contacts { position: absolute; right: -25em; top: 2.5em; }
меняя значение right: -25em; и top: 2.5em; . Размер и цвет шрифта можно изменить в style.css изменяя в
.contacts .phone, .contacts .work-time { color: red; font-size: 25px; }параметры color: red; и font-size: 25px; . Скрыть время работы можно добавив в конец style.css
.work-time { display: none; }
#3
Отправлено 01 Октябрь 2014 - 22:28
Alekseys (26 Сентябрь 2014 - 15:00) писал:
.hgroup img { width: 300px; }изменяя параметр width: 300px; выберите нужный размер логотипа. Положение телефона Вы можете изменить редактируя в style.css
.contacts { position: absolute; right: -25em; top: 2.5em; }
меняя значение right: -25em; и top: 2.5em; . Размер и цвет шрифта можно изменить в style.css изменяя в
.contacts .phone, .contacts .work-time { color: red; font-size: 25px; }параметры color: red; и font-size: 25px; . Скрыть время работы можно добавив в конец style.css
.work-time { display: none; }
Подвинул телефон вправо. В мобильной версии он сполз на логотип и телефона не видно, как поправить что бы нормально отображался?
#4
Отправлено 02 Октябрь 2014 - 00:52
.contacts { position: absolute; right: -10em; top: 2.5em; }замените на:
.contacts { float: left; position: relative; }
далее найдите:
header[role="banner"] .hgroup { left: 1em; position: absolute; top: 1em; width: 39.8773%; }замените на:
header[role="banner"] .hgroup { position: relative; width: 70%; }далее найдите:
header[role="banner"] h1 { color: #000; float: left; font-weight: normal; }замените на:
header[role="banner"] h1 { color: #000; float: left; font-weight: normal; max-height: 120px; }
#6
Отправлено 04 Октябрь 2014 - 14:47
vais86 (04 Октябрь 2014 - 14:21) писал:
в мобильной версии телефон выравнялся. в обычном браузере телефон стал находиться вверху слева рядом с логотипом. как его выровнить так что бы он находился там где овал на картинке.
.contacts { float: left; position: relative; }на
.contacts { float: left; position: relative; margin: 45px 0px 0px 70px; }
#7
Отправлено 04 Октябрь 2014 - 20:27
#8
Отправлено 23 Январь 2015 - 17:54
2. как выравнить что бы телефон не наползал на время работы?
#9
Отправлено 23 Январь 2015 - 19:00
vais86 (23 Январь 2015 - 17:54) писал:
2. как выравнить что бы телефон не наползал на время работы?
1. В style.css добавьте
.work-time { margin-top: 8px; }2. В шаблоне HTML после
<!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %}добавьте
<!-- Email номер --> {% IF SETTINGS_STORE_EMAIL_MAIN %} <div class="contentTableHeadMainEmail"> <span class="valignMiddle">{SETTINGS_STORE_EMAIL_MAIN}</span> </div> {% ENDIF %}и в style.css добавьте
.contentTableHeadMainEmail { color: red; font-size: 30px; }
#10
Отправлено 21 Сентябрь 2015 - 09:29
Добавил в шапку картинку Акция, теперь в разных разрешениях экрана она наползает то на поиск, то контакты сползают второй строчкой. Как выравнять, что бы всегда все располагалось в одну строчку и не съезжала?
Спасибо
#11
Отправлено 21 Сентябрь 2015 - 15:06
#12
Отправлено 22 Сентябрь 2015 - 03:09
<a href=http://megaatv.ru/discount title="Акции и спецпредложения!"><img src="{ASSETS_IMAGES_PATH}aktsia.png" alt="Акция" style="width:180px;position: absolute;right:0px;top: -1px;" /></a>замените на:
<a style="display: inline-block;" href="http://megaatv.ru/discount" title="Акции и спецпредложения!"><img src="{ASSETS_IMAGES_PATH}aktsia.png" alt="Акция" style="width:180px;" /></a>
далее в style.css найдите:
header[role="banner"] h1 a {height:300px;width 450px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}замените на:
header[role="banner"] h1 a {height:300px;width 450px;display: inline-block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
далее найдите:
.contacts { float: left; position: relative; margin: 35px 0px 0px 80px; }замените на:
.contacts { position: relative; margin: 35px 0px 0px; }
#13
Отправлено 23 Сентябрь 2015 - 15:37
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных