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


Вставить Меню Лк


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

#1 yamamoto

yamamoto

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

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

Отправлено 12 Сентябрь 2013 - 16:25

Подскажите, как организовать все меню, связанное с ЛК между поисковой строкой и основным (верхним) меню? Аккаунт SL-151311

#2 shnafix

shnafix

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

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

Отправлено 12 Сентябрь 2013 - 20:08

Просмотр сообщенияyamamoto (12 Сентябрь 2013 - 16:25) писал:

Подскажите, как организовать все меню, связанное с ЛК между поисковой строкой и основным (верхним) меню? Аккаунт SL-151311
Не могли бы Вы описать это более подробно?

#3 yamamoto

yamamoto

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

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

Отправлено 12 Сентябрь 2013 - 20:58

Немного изменил задачу. Нужно чтобы до входа была картинка 1, а после входа картинка 2. Т.е. требуется разместить вход/выход ЛК в правом верхнем углу, а между поиском и основным меню текст.

Изображение


Изображение

#4 shnafix

shnafix

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

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

Отправлено 12 Сентябрь 2013 - 21:49

Просмотр сообщенияyamamoto (12 Сентябрь 2013 - 20:58) писал:

Немного изменил задачу. Нужно чтобы до входа была картинка 1, а после входа картинка 2. Т.е. требуется разместить вход/выход ЛК в правом верхнем углу, а между поиском и основным меню текст.

Изображение


Изображение
В Редакторе шаблонов->HTML перед блоком Корзина вставьте блок
<div id="vhod" style="position: absolute; right: 0; top: 0.5em;">
		 {% IFNOT CLIENT_IS_LOGIN %}
		 <a href="{USER_LOGIN_URL}">Вход</a> | <a href="{USER_REGISTER_URL}">Регистрация</a>
		 {% ELSE %}
		 <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> | <a href="{USER_HISTORY_LIST_URL}">История заказов</a> | <a href="{USER_LOGOUT_URL}">Выход</a>
		 {% ENDIF %}
		 </div>
а после блока Поиска вставьте блок
<div style="position: absolute; right: 0; top: 5.5em;">Курьерская доставка по Москве и Санкт-Петербургу<br>Доставка почтой по России и миру</div>


#5 yamamoto

yamamoto

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

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

Отправлено 12 Сентябрь 2013 - 22:29

супер! спасибо! еще маленький вопрос: как выровнять текст  "Курьерская доставка по Москве и Санкт-Петербургу..." по правому краю, а не по левому?

и изменить сам шрифт?

#6 shnafix

shnafix

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

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

Отправлено 12 Сентябрь 2013 - 22:35

Просмотр сообщенияyamamoto (12 Сентябрь 2013 - 22:29) писал:

супер! спасибо! еще маленький вопрос: как выровнять текст  "Курьерская доставка по Москве и Санкт-Петербургу..." по правому краю, а не по левому?

и изменить сам шрифт?
Измените блок
<div style="position: absolute; right: 0; top: 6.0em;text-align: right;font-family: ComicSans;">Курьерская доставка по Москве и Санкт-Петербургу<br>Доставка почтой по России и миру</div>
, где text-align:right; - выравнивание по правому краю, а font-family: ComicSans; шрифт надписи.

#7 yamamoto

yamamoto

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

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

Отправлено 12 Сентябрь 2013 - 23:01

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

Изображение

#8 Vaccina

Vaccina

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

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

Отправлено 13 Сентябрь 2013 - 00:43

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

<div class="htmlDataBlock">
  <p>
	 <br>

измените код страницы в визуальном редакторе, переключив редактор в режим правки HTML кода кнопкой "Источник". По другим вопросам - найдите в файле стилей main.css

.page-headline h1 {
	color: #000000;
	font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	margin-left: -235px;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	width: 940px;
}

и замените на

.page-headline h1 {
	color: #000000;
	font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	margin-left: -235px;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	top: -20px;
	width: 940px;
}

далее найдите

.page-headline {
	height: 81px;
	position: relative;
}

и замените на

.page-headline {
	height: 31px;
	position: relative;
}

далее найдите

.content_catalog {
	padding-top: 80px;
	vertical-align: top;
}

и замените на

.content_catalog {
	padding-top: 10px;
	vertical-align: top;
}





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

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