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

[psicore]

Здравствуйте.Помогите,пожалуйста,разобраться с проблемой.Под шапку нужно поставить картинку на которой указаны контакты и время работы магазина,если сделать один бэкграунд,то при прокрутке он будет съезжать вместе с самим фоном и это выглядит некрасиво.
http://zaprovodami.ru/,аккаунт SL-305357

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

• 

[Vaccina]

В шаблоне main.css найдите:

body {
background: url(http://design.zaprovodami.ru/bg.jpg?design=plastic) repeat fixed;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
/* -webkit-background-size: cover; */
-moz-background-size: cover;
-o-background-size: cover;
background-size: 1434px;
padding: 0;
color: #000;
}

замените на:

body {
background: url(http://design.zaprovodami.ru/bg.jpg?design=plastic) repeat-x center top #ACE8F3;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}

[psicore]

фон теперь не передвигается,но на середине страницы он заканнчивается и начинается снова

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

• 

[MikDark]

psicore (22 Январь 2015 - 11:41) писал:

фон теперь не передвигается,но на середине страницы он заканнчивается и начинается снова

В шаблоне main.css найдите код:

body {
background: url(http://design.zaprovodami.ru/bg.jpg?design=plastic) repeat-x center top #ACE8F3;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}

и замените его на:

body {
background: url(http://design.zaprovodami.ru/bg.jpg?design=plastic) fixed center top #ACE8F3;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}

[psicore]

в такое случае шапка продолжает ездить вместе с фоном.

[MikDark]

psicore (22 Январь 2015 - 13:31) писал:

в такое случае шапка продолжает ездить вместе с фоном.

Фон не ездит, при прокрутке сайта. Попробуйте почистить кэш.

[psicore]

шапка уезжает,чиста кеша и просмотр с других девайсов это доказывает

[MikDark]

psicore (22 Январь 2015 - 14:51) писал:

шапка уезжает,чиста кеша и просмотр с других девайсов это доказывает

Иначе сделать не получится. Либо этот вариант, либо как было до этого с повторением фона.

[forester]

Подскажите пожалуйста можно ли реализовать такое по центру шапки, хотя бы на платной основе ??

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

• 

[Vaccina]

Уточните пожалуйста:
- что делать со старыми контактами и белым фоном под ними?
- кнопки соц.сетей просто ссылки или конкретный виджет?

[forester]

Там будет информация о пунктах выдачи,

Пункты выдачи:

Москва

Россия

Как то так...

Пока можно этот блок не трогать

Кнопки соц сетей просто ссылки

[Vaccina]

В шаблоне HTML после блока логотипа вставьте:

<div class="lk_panel">
  <p>Вход или <a href="{USER_REGISTER_URL}">Регистрация</a><a href="{USER_RECOVERY_URL}">Забыли пароль?</a></p>
  <!-- Вход на сайт -->
<form action="{USER_LOGIN_URL}" method="post" class="clientForm">
  <div class="privat padd">
	<input type="hidden" name="hash" value="{HASH}" />
	<input type="hidden" name="from" value="{FROM}" />
	<table cellpadding="0" cellspacing="0" class="tblinput fnt12n txtalgnlft">
	<tr>
	  <td>
		<input type="text" id="sites_client_mail" name="form[sites_client_mail]" value="Введите Email" class="required" maxlength="100" />
	  </td>
	  <td class="fnt10n">
		<input id="sites_client_pass" type="password" name="form[sites_client_pass]" value="000000" maxlength="50" minlength="6" class="required cornerAll" />
	  </td>
   <td class="fnt10n">
		<button type="submit" name="toprev" class="whtblue">Ок</button>
	  </td>
	</tr>
	</table>
  </form>
  <ul class="contacts">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
  </ul>
  <div class="other">
	<a href="">Наш режим работы</a>
<ul class="soc">
   <li><a href="ссылка на страницу соц сети"><img src="ссылка на иконку соц сети" alt="" /></a></li>
   <li><a href="ссылка на страницу соц сети"><img src="ссылка на иконку соц сети" alt="" /></a></li>
   <li><a href="ссылка на страницу соц сети"><img src="ссылка на иконку соц сети" alt="" /></a></li>
</ul>
  </div>
</div>

в данном коде измените текст на необходимые значения, например, ссылки

В конец main.css добавьте:

.lk_panel {
	width: 400px;
	float: right;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border-radius: 10px;
	padding: 5px;
	margin-top: -34px;
}
.lk_panel a:last-child {
	float: right;
}
.lk_panel .clientForm {
	margin-top: 5px;
}
.lk_panel .clientForm input {
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 25px;
}
.lk_panel .contacts li {
	display: inline-block;
	width: 49%;
	margin-top: 5px;
}
.lk_panel .contacts li:last-child {
	text-align: right;
}
.lk_panel .other .soc {
	float: right;
}
.lk_panel .other .soc li {
	display: inline-block;
	margin: 0 2px;
}

[forester]

Доброго времени, посмотрите пожалуйста, что-то съехало, или я не после того блока поставил

[forester]

Может стоит это разместить в блок где старые контакты были,

Т.е. расширить его, чтобы открывался вниз сразу после лого и там вся эта инфо ?

[forester]

Пока вернул, но вопрос очень актуален

[Vaccina]

Вставлять код необходимо после:

<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=plastic" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		

результат у вас должен получиться следующим

[forester]

Да, только еще контейнер с лого закрыть надо было. А дальше?

[Ирина345]

forester (07 Август 2015 - 09:50) писал:

Да, только еще контейнер с лого закрыть надо было. А дальше?

Здравствуйте, произведите изменения и инструкции выше, далее найдите в файле main.css

.lk_panel {
		width: 400px;
		float: right;
		background: rgb(255, 255, 255) none repeat scroll 0% 0%;
		border-radius: 10px;
		padding: 5px;
		margin-top: -34px;
}

замените на

.lk_panel {
	width: 400px;
	float: right;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border-radius: 10px;
	padding: 5px;
	margin-top: 39px;
	position: absolute;
}

[forester]

получается вот так.

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

• 

[Ирина345]

forester (07 Август 2015 - 11:49) писал:

получается вот так.

Уточните, как именно должна быть расположена данная форма.