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


Передвинуть Навигационную Информацию


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Январь 2015 - 00:06

Добрый день!

Я уменьшил высоту блока с навигацией, а слова остались внизу.. Не знаю что с этим делать..

Навигация_сейчас.png

Хочется оставить в жёлтой полосе только название "где находимся", которое отключается в товаре.

Навигация_передвинуть.png

А путь к месту - передвинуть вниз, сделать как в карточке товара.

Навигация_в_товаре.png

#2 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2015 - 01:28

В main.css найдите и удалите:
.body-content-top-center {
	padding: 1.5em 0.6em 0;
}

На счет переноса навигационной строки, попробуйте следующее, в main.css найдите:
.body-top-right {
	float: right;
	line-height: 3.5;
}
замените на:
.body-top-right {
	clear: both;
	float: left;
	line-height: 3.5;
}


#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Январь 2015 - 01:56

Просмотр сообщенияVaccina (27 Январь 2015 - 01:28) писал:

В main.css найдите и удалите:
.body-content-top-center {
padding: 1.5em 0.6em 0;
}

На счет переноса навигационной строки, попробуйте следующее, в main.css найдите:
.body-top-right {
float: right;
line-height: 3.5;
}
замените на:
.body-top-right {
clear: both;
float: left;
line-height: 3.5;
}
Подскажите ещё, как величину H1 уменьшить? Буквы сделать поменьше..

#4 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2015 - 02:45

В main.css найдите:
.body-content-top-center h1 {
	color: #444;
	font-size: 2em;
	font-weight: normal;
	margin-top: 0;
}
уменьшите значение стиля  font-size

#5 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Январь 2015 - 03:18

Просмотр сообщенияVaccina (27 Январь 2015 - 02:45) писал:

В main.css найдите:
.body-content-top-center h1 {
color: #444;
font-size: 2em;
font-weight: normal;
margin-top: 0;
}
уменьшите значение стиля  font-size
Подогнал всё по высоте. Помогите, пожалуйста, ещё доделать.. Слева направо сдвинуть их на 8 пикселей.. А то торчат сильно влево, выделяются из всего (

-8pix.png

#6 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2015 - 03:38

попробуйте следующее, в main.css найдите:
.body-top-left {
	float: left;
	line-height: 1.5;
}
.body-top-right {
	clear: both;
	float: left;
	line-height: 3.5;
}
замените на:
.body-top-left {
	float: left;
	line-height: 1.5;
padding-left: 8px;
}
.body-top-right {
	clear: both;
	float: left;
	line-height: 3.5;
padding-left: 8px;
}

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

#7 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Январь 2015 - 03:51

Просмотр сообщенияVaccina (27 Январь 2015 - 03:38) писал:

попробуйте следующее, в main.css найдите:
.body-top-left {
float: left;
line-height: 1.5;
}
.body-top-right {
clear: both;
float: left;
line-height: 3.5;
}
замените на:
.body-top-left {
float: left;
line-height: 1.5;
padding-left: 8px;
}
.body-top-right {
clear: both;
float: left;
line-height: 3.5;
padding-left: 8px;
}

проверьте обязательно иные страницы, чтобы изменения в данных классах не изменили иные блоки
Этот шаблон хорош своей "лёгкостью". Нефрит - крут, но у меня жутко тормозит при просмотре.. А процессор i5 стоит, куча вкладок открыто, всё всегда нормально работает. Но только не шаблон Нефрит. Это я так, для информации.

На этом шаблоне можно быстро увидеть что куда съехало, что испортилось..

Съехало всё:

Uletela.png

#8 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2015 - 03:56

У вас стилей будто бы не хватает у следующего блока:
.body-top-left {
	 float: left;
	 line-height: 1.5;
}

float: left; потерялся у вас, потому и съехало, очередность нарушилась

#9 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Январь 2015 - 04:03

Просмотр сообщенияVaccina (27 Январь 2015 - 03:56) писал:

У вас стилей будто бы не хватает у следующего блока:
.body-top-left {
	 float: left;
	 line-height: 1.5;
}

float: left; потерялся у вас, потому и съехало, очередность нарушилась

Точка с запятой потерялась, да....




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

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