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


Как Сместить Контакты И Корзину В Шапке


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

#1 Niilitmash

Niilitmash

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

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

Отправлено 09 Июнь 2014 - 17:11

Здравствуйте! Необходимо сместить контакты как на скриншоте и поднять корзину вверх, чтобы это было все на одном уровне с логотипом сайта. И еще дайте пожалуйста ссылочку на то  как вставить картинку корзины, а то не могу найти. Мой аккаунт SL-295060

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

  • Шапка.jpg


#2 lew

lew

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

  • Модератоpы
  • 244 сообщений

Отправлено 09 Июнь 2014 - 19:45

Посмотрел я ваш вопрос. Учитывая что там всё упирается в адаптивность сайта, инструкция получится длинная.
Прошу вас запастись терпением:)

#3 Niilitmash

Niilitmash

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

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

Отправлено 10 Июнь 2014 - 14:13

Ладно, тогда буду другой шаблон пробовать.

#4 Новичок Ю

Новичок Ю

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

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

Отправлено 30 Октябрь 2014 - 15:02

Здравствуйте! При изменении шапки и попытке переместить контакты куда-то "провалились" время работы и корзина - помогите, пожалуйста, поставить в нужное место (на скриншоте)Screenshot_1.jpg
2. После увеличения надписи названия магазина остался маленьким прозрачный прямоугольник-ссылка на главную страницу (сидит в области названия). Уже не помню название файла этой ссылки. Его нужно увеличить до размеров названия магазина.
3. Можно ли под телефоном указать электронный адрес со ссылкой на "Связаться с администрацией" (или можно только встроить в растровое изображение шапки?)?
Спасибо))

#5 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Октябрь 2014 - 03:18

1. В main.css найдите:
#header .bottommain .headleft {
	color: #767676;
	margin-left: 71%;
	overflow: visible;
	padding: 1.7% 0 0;
	width: 33.3%;
}
замените на:
#header .bottommain .headleft {
	color: #767676;
	float: right;
	overflow: visible;
	padding: 1.7% 0 0;
}

далее найдите:
#header .bottommain .headcent {
	color: #000;
	height: 20px;
	margin-left: -308px;
	margin-top: 6%;
	padding: 0 1.5%;
	width: 25%;
}
замените на:

#header .bottommain .headcent {


	clear: both;
	color: #000;
	float: right;
	height: auto;
	margin-top: -41px;
	padding: 0 1.5%;
}
далее найдите:
#header .bottommain .headright {
	margin-right: 30%;
	padding: 1.9% 0 0;
	width: 29.3%;
}
замените на:
#header .bottommain .headright {
	margin-right: 3%;
	padding: 1.9% 0 0;
	width: 29.3%;
}

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

2. В main.css найдите:
#header .topmain .logotype {
	height: 100%;
	width: 20%;
}
замените на:
#header .topmain .logotype {
	height: 120px;
	width: 300px;
}

3.В main.css найдите:
#header .bottommain {
	height: 44%;
	width: 100%;
}
замените на:

#header .bottommain {


	height: 44%;
	overflow: visible;
	width: 100%;
}

в шаблоне HTML после:
<div class="headcent over fleft txtalgncnt fnt14 fmlptn">
вставьте:
<a href="ссылка">адрес почты</a><br/>


#6 Новичок Ю

Новичок Ю

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

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

Отправлено 31 Октябрь 2014 - 15:55

Здравствуйте! Все сделала. Screenshot_11.jpg
Корзину можно и здесь оставить.
1. Прозрачный прямоугольник ссылка не увеличился, ссылка работает только на части названия (где и раньше)
2. Часы работы наложились на логотип - их надо в область "Связаться с нами". Как это сделать?
3. Возможно ли адрес электронной почты указать в виде конкретно моего адреса (сделать ссылку из "основных" настроек?), а не слова "адрес...". Если возможно - с него ссылку на "Форму связи".
Пока сделала возврат на предыдущий бэк-ап, т.к. не могу так оставить (сейчас на сайте еще не работает вывод товаров списком). Или подскажите, какой переменной двигаются часы работы и адрес почты направо и вниз, после этого уже можно будет вернуть изменения)

#7 Новичок Ю

Новичок Ю

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

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

Отправлено 31 Октябрь 2014 - 22:51

Здравствуйте! Логотип и часы работы поправила сама. Screenshot_12.jpg Осталось вниз сдвинуть "часы работы", а на его место можно, чтоб автоматически вставлялся E-mail магазина из "основных настроек" (как телефон)? Можно, конечно, в растровый рисунок шапки встроить мейл, но, думаю, будет "ползать" относительно остальных контактов...

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Ноябрь 2014 - 07:33

На счет времени работы,в  main.css найдите:
#header .bottommain .headcent {
	clear: both;
	color: #000;
	float: right;
	height: auto;
	margin-top: -41px;
	padding: 0 1.5%;
}
уменьшите значение стиля margin-top

На счет email из настроек, в шаблоне HTML после:
<div class="headcent over fleft txtalgncnt fnt14 fmlptn">
добавьте:
<span>{SETTINGS_STORE_EMAIL_MAIN}</span>


#9 Новичок Ю

Новичок Ю

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

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

Отправлено 01 Ноябрь 2014 - 08:28

Просмотр сообщенияVaccina (01 Ноябрь 2014 - 07:33) писал:

На счет времени работы,в  main.css найдите:
#header .bottommain .headcent {
clear: both;
color: #000;
float: right;
height: auto;
margin-top: -41px;
padding: 0 1.5%;
}
уменьшите значение стиля margin-top

На счет email из настроек, в шаблоне HTML после:
<div class="headcent over fleft txtalgncnt fnt14 fmlptn">
добавьте:
<span>{SETTINGS_STORE_EMAIL_MAIN}</span>
Спасибо за оперативность)) Как сделать, чтоб адрес почты был не слева от "часов работы", а над ними, а размер букв - как у телефона?
2. Как сделать ссылку с адреса на форму Outlook почты (или еще как-то) с моим забитым адресом электронной почты.
После изменений выглядит вот так Screenshot_1.jpg (я пока убрала <span>{SETTINGS_STORE_EMAIL_MAIN}</span> - т.к. пока не красиво смотрится)

#10 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 01 Ноябрь 2014 - 12:57

Просмотр сообщенияНовичок Ю (01 Ноябрь 2014 - 08:28) писал:

Спасибо за оперативность)) Как сделать, чтоб адрес почты был не слева от "часов работы", а над ними, а размер букв - как у телефона?
2. Как сделать ссылку с адреса на форму Outlook почты (или еще как-то) с моим забитым адресом электронной почты.
После изменений выглядит вот так Прикрепленный файл Screenshot_1.jpg(я пока убрала <span>{SETTINGS_STORE_EMAIL_MAIN}</span> - т.к. пока не красиво смотрится)
Вместо
<span>{SETTINGS_STORE_EMAIL_MAIN}</span>
вставьте
<span>{SETTINGS_STORE_EMAIL_MAIN}</span></br>
После этого мы сможем откорректировать стили.

#11 Новичок Ю

Новичок Ю

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

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

Отправлено 02 Ноябрь 2014 - 00:13

Просмотр сообщенияAnnaM (01 Ноябрь 2014 - 12:57) писал:

Вместо
<span>{SETTINGS_STORE_EMAIL_MAIN}</span>
вставьте
<span>{SETTINGS_STORE_EMAIL_MAIN}</span></br>
После этого мы сможем откорректировать стили.
Сделала, все встало. Подскажите, пожалуйста, как увеличить шрифт адреса до размеров телефона (или чуть меньше) и сделать ссылку на Outlook. Спасибо)

#12 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 02 Ноябрь 2014 - 08:02

Просмотр сообщенияНовичок Ю (02 Ноябрь 2014 - 00:13) писал:

Сделала, все встало. Подскажите, пожалуйста, как увеличить шрифт адреса до размеров телефона (или чуть меньше) и сделать ссылку на Outlook. Спасибо)
В файле main.css замените
#header .bottommain .headcent {
clear: both;
color: #000;
float: right;
height: auto;
margin-top: -37px;
padding: 0 1.5%;
}
на
#header .bottommain .headcent {
clear: both;
color: #000;
float: right;
height: auto;
margin-top: -37px;
padding: 0 1.5%;
font-size: 18px;
}


#13 Новичок Ю

Новичок Ю

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

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

Отправлено 10 Ноябрь 2014 - 21:34

Здравствуйте! У меня исчезло окно поиска по сайту (наверное, еще после последних изменений). Подскажите, как вернуть))

#14 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 10 Ноябрь 2014 - 22:09

Просмотр сообщенияНовичок Ю (10 Ноябрь 2014 - 21:34) писал:

Здравствуйте! У меня исчезло окно поиска по сайту (наверное, еще после последних изменений). Подскажите, как вернуть))
Здравствуйте. В main.css замените
#header .topmain .barright .search {
width: 100%;
height: 50px;
margin-top: 3%;
}
на
#header .topmain .barright .search {
width: 100%;
height: 50px;
margin-top: -30%;
}


#15 Новичок Ю

Новичок Ю

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

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

Отправлено 10 Ноябрь 2014 - 22:35

Спасибо! А как правее подвинуть окно поиска?

#16 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 10 Ноябрь 2014 - 22:46

Просмотр сообщенияНовичок Ю (10 Ноябрь 2014 - 22:35) писал:

Спасибо! А как правее подвинуть окно поиска?
Здравствуйте. В main.css замените
.toSearch {
float: left;
margin: 0 10px;
background: url(http://design.roylwoodshop.ru/header-search.jpg) left top no-repeat;
display: block;
cursor: pointer;
height: 21px;
width: 18px;
}
на
.toSearch {
float: left;
margin: 0 0 0 10px;
background: url(http://design.roylwoodshop.ru/header-search.jpg) left top no-repeat;
display: block;
cursor: pointer;
height: 21px;
width: 18px;
}
и
#header .topmain .barright .search input[type=text] {
float: left;
width: 80.76%;
height: 2em;
color: #7e7e7e;
border-bottom: 1px solid #C2C2C2;
}
на
#header .topmain .barright .search input[type=text] {
float: left;
width: 80.76%;
height: 2em;
color: #7e7e7e;
border-bottom: 1px solid #C2C2C2;
margin-left: 37px;
}


#17 Новичок Ю

Новичок Ю

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

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

Отправлено 12 Ноябрь 2014 - 14:25

Спасибо!




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

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