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


Изменить Шапку И Подвал Сайта


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

#1 hash

hash

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

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

Отправлено 22 Март 2016 - 02:50

Товарищи, помогите, требуется внести следующие корректировки согласно рисунку (всего 5 шт.):

magaz.jpg

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 22 Март 2016 - 04:49

1. В main.css найдите:
div#search {
	float: left;
	padding-top: 20px;
}

замените на:
div#search {
	float: left;
	padding-top: 20px;
	display: none;
}
2. В main.css найдите:
.headerTop {
	padding: 10px;
	width: 1200px;
	margin: 0 auto;
	text-align: right;
	color: white;
}

замените на:
.headerTop {
	padding: 10px;
	width: 1200px;
	margin: 0 auto;
	text-align: right;
	color: white;
	display: none;
}
3. В main.css найдите:
.headerBottom ul li {
	list-style: none;
	float: left;
	border-right: 1px solid #237F96;
	padding: 10px;
}

замените на:
.headerBottom ul li {
	list-style: none;
	display: inline-block;
	border-right: 1px solid #237F96;
	padding: 10px;
}

далее найдите:
.headerBottom {
	width: 1200px;
	margin: 0 auto;
}

замените на:
.headerBottom {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
4-5. В main.css найдите:
.col4 {
	width: 100%;
	float: none;
	color: #616161;
	margin-bottom: 10px;
}

после него пропишите:
.footercontent .col4:first-child {
	text-align: center;
}
.footercontent .col4:not(:first-child) {
	display: none;
}

далее найдите:
.contactsWrp div, .menu_main ul li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 14px;
}

замените на:
.contactsWrp div, .menu_main ul li {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 14px;
}


#3 hash

hash

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

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

Отправлено 22 Март 2016 - 22:21

Спасибо мадмуазель. Всё получилось.

Помогите ещё, пожалуйста, сделать в шапке телефон, время работы и обратный звонок как в этой теме - http://forum.storela...-в-шапке-сайта/
А пытаюсь сделать как там ему ответили, но у меня не находит в main.css текст
.hmright {width: 40%;float: right;height: 120px;padding: 25px 0;}
.hmwrp .contactsWrp {float: left;}

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 23 Март 2016 - 02:19

В шаблоне HTML найдите:
<div class="headerMiddle">
				<div class="logo"><a href="http://{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=caramel"/></a></div>
				<div class="hmright">

после него вставьте:
  <div class="contacts">
			<ul>
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_WORK_TIME %}<li>{SETTINGS_STORE_WORK_TIME}</li>{% ENDIF %}
				<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать обратный звонок</a>
			</ul>
		  </div>
		  <script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 500,
maxHeight : 530,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

В main.css найдите:
.hmright {
	width: 700px;
	float: right;
	height: 120px;
	padding: 25px 0;
}

посе него пропишите:
.hmright .contacts {
	float: left;
}
.hmright .contacts li {
	list-style: none;
	color: #fff;
}
.hmright .contacts .callback {
	display: block;
	padding: 5px;
	background: #fff;
	color: #000;
}


#5 hash

hash

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

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

Отправлено 23 Март 2016 - 13:25

Всё вышло просто отменно, мучас грасиас!!))




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

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