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

[vais86]

Добрый день!

Подскажите, как изменить размер лого. И размер, положение и цвет шрифта телефона, а время вообще убрать
Спасибо,заранее

[Alekseys]

vais86 (26 Сентябрь 2014 - 11:55) писал:

Добрый день!

Подскажите, как изменить размер лого. И размер, положение и цвет шрифта телефона, а время вообще убрать
Спасибо,заранее

Здравствуйте. В конец style.css добавьте

.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;
}

[vais86]

Alekseys (26 Сентябрь 2014 - 15:00) писал:

Здравствуйте. В конец style.css добавьте

.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;
}

Подвинул телефон вправо. В мобильной версии он сполз на логотип и телефона не видно, как поправить что бы нормально отображался?

[Vaccina]

в style.css найдите:

.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;
}

[vais86]

Добрый день!
в мобильной версии телефон выравнялся. в обычном браузере телефон стал находиться вверху слева рядом с логотипом. как его выровнить так что бы  он находился там где овал на картинке.

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

• 

[Alekseys]

vais86 (04 Октябрь 2014 - 14:21) писал:

Добрый день!
в мобильной версии телефон выравнялся. в обычном браузере телефон стал находиться вверху слева рядом с логотипом. как его выровнить так что бы  он находился там где овал на картинке.

Здравствуйте. В style.css замените

.contacts {
float: left;
position: relative;
}

на

.contacts {
float: left;
position: relative;
margin: 45px 0px 0px 70px;
}

[vais86]

СПАСИБО

[vais86]

1.как указать под телефоном и временем работы - емаил?
2. как выравнить что бы телефон не наползал на время работы?

[Alekseys]

vais86 (23 Январь 2015 - 17:54) писал:

1.как указать под телефоном и временем работы - емаил?
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}&amp;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;
}

[vais86]

Добрый день!

Добавил в шапку картинку Акция, теперь в разных разрешениях экрана она наползает то на поиск, то контакты сползают второй строчкой. Как выравнять, что бы всегда все располагалось в одну строчку и не съезжала?

Спасибо

[vais86]

ЕЩе в разных браузерах по разному отображается.

[Vaccina]

В шаблоне HTML найдите:

<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;
}

[vais86]

СПАСИБО