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


Переместить Вход В Личный Кабинет В Шапку Сайта

Автор Ильяc, 23 мая 2014 09:09

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

#21 Ильяc

Ильяc

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

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

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

Просмотр сообщенияMikDark (16 Июнь 2014 - 09:55) писал:

В коде css:
#header_user_info {
color: #7e7d7d;
position: absolute;
right: 0;
top: 55px;
}

замените на:
#header_user_info {
color: #7e7d7d;
position: absolute;
left: 50%;
top: 55px;
}

и картинку нельзя ставить в psd-формате.

Что то неровно снова получилось

#22 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

Просмотр сообщенияИльяc (16 Июнь 2014 - 10:06) писал:

Что то неровно снова получилось

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

#23 Ильяc

Ильяc

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

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

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

Просмотр сообщенияMikDark (16 Июнь 2014 - 10:12) писал:

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

вместе с номером передвигаются время, адрес почты и адрес скайпа. Можно сделать так чтобы они остались на месте?

#24 Dars

Dars

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

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

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

Просмотр сообщенияИльяc (16 Июнь 2014 - 11:13) писал:

вместе с номером передвигаются время, адрес почты и адрес скайпа. Можно сделать так чтобы они остались на месте?
Если вы хотите переместить только номер телефона влево, то найдите в шаблоне HTML код:
<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
и замените его на:
<div style="margin-right:20px;float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
Значение 20 можете изменить на приемлемое для вас.

#25 Ильяc

Ильяc

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

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

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

Просмотр сообщенияDars (16 Июнь 2014 - 16:14) писал:


Если вы хотите переместить только номер телефона влево, то найдите в шаблоне HTML код:
<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
и замените его на:
<div style="margin-right:20px;float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
Значение 20 можете изменить на приемлемое для вас.

Все не ровно. Хотел сделать как на картинке. Помогите настроить
2014-06-15_090947.png

#26 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияИльяc (21 Июнь 2014 - 14:31) писал:



Все не ровно. Хотел сделать как на картинке. Помогите настроить
Прикрепленный файл 2014-06-15_090947.png


В конец файла "main.css".
Добавить код:
.dostavka {
position: relative;
width: 200px;
padding: 20px 0 5px 0;
}

И загрузите изображение телефона phone.png через Редактор шаблонов - Добавить файлы

#27 Ильяc

Ильяc

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

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

Отправлено 21 Июнь 2014 - 16:41

Просмотр сообщенияCastiel (21 Июнь 2014 - 15:13) писал:




В конец файла "main.css".
Добавить код:
.dostavka {
position: relative;
width: 200px;
padding: 20px 0 5px 0;
}

И загрузите изображение телефона phone.png через Редактор шаблонов - Добавить файлы

Теперь скажите как вернуть e-mail и скайп на место и было бы супер.
2014-06-21_173816.png

#28 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 21 Июнь 2014 - 16:55

Просмотр сообщенияИльяc (21 Июнь 2014 - 16:41) писал:



Теперь скажите как вернуть e-mail и скайп на место и было бы супер.
Прикрепленный файл 2014-06-21_173816.png

Внесли необходимые изменения

#29 Ильяc

Ильяc

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

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

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

Просмотр сообщенияCastiel (21 Июнь 2014 - 16:55) писал:



Внесли необходимые изменения
Спасибо, все было правильно, просто нужно было картинку добавить.
Единственное, что поднять на уровне со строкой время, можно номер телефона?

И еще в карточке товара если ставить цену например:12990 рублей, то кнопка "оставить заявку" опускается вниз
2014-06-21_184724.png

#30 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

Просмотр сообщенияИльяc (21 Июнь 2014 - 17:49) писал:

Спасибо, все было правильно, просто нужно было картинку добавить.
Единственное, что поднять на уровне со строкой время, можно номер телефона?

И еще в карточке товара если ставить цену например:12990 рублей, то кнопка "оставить заявку" опускается вниз
Прикрепленный файл 2014-06-21_184724.png

В main.css найдите:
.goodsDataFormSubmitButton {
vertical-align: middle;
}

и замените на:
.goodsDataFormSubmitButton {
vertical-align: middle;
padding: 1em 0;
}

В global00.css ищем:
#header_user_info {
color: #7e7d7d;
position: absolute;
right: 0;
top: 55px;
}

и меняем на:
#header_user_info {
color: #7e7d7d;
position: absolute;
right: 0;
top: 53px;
}
.contacts {
margin-top: 10px;
}

#31 Ильяc

Ильяc

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

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

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

Просмотр сообщенияMikDark (21 Июнь 2014 - 19:05) писал:



В main.css найдите:
.goodsDataFormSubmitButton {
vertical-align: middle;
}

и замените на:
.goodsDataFormSubmitButton {
vertical-align: middle;
padding: 1em 0;
}

В global00.css ищем:
#header_user_info {
color: #7e7d7d;
position: absolute;
right: 0;
top: 55px;
}

и меняем на:
#header_user_info {
color: #7e7d7d;
position: absolute;
right: 0;
top: 53px;
}
.contacts {
margin-top: 10px;
}
Спасибо огромное! Модераторы молодцы!

#32 Авто-гаджет

Авто-гаджет

    Продвинутый пользователь

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

Отправлено 13 Сентябрь 2014 - 15:35

Добрый день, помогите с проблемой, а именно:

1. выровнять картинки по нижнему краю ссылок- Вход, Помощь и регистрация
2. убрать подчеркивание и сделать адаптацию для малых экранов малого разрешения, а то все съезжает + адаптацию "Промо блока- весь шаблон как нужно а блок торчит справа.
3. Кнопку "Заказать звонок" - также адаптировать

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

  • 123.jpg

#33 Vaccina

Vaccina

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

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

Отправлено 16 Сентябрь 2014 - 02:46

для начала, необходимо вернуть адаптацию и убрать горизонтальный скрол.
В шаблоне HTML найдите:
<table>
				<tr>
		  <div class="block-img">
		  <td> <div class="block"><a class='example1'> <img src="http://design.auto-lazer.ru/01_01.png?7588" class="image" alt="Подарки каждому покупателю" style=" margin-top: -12px;"></a></td>
		  <td> <div class="block"><a class='example2'> <img src="http://design.auto-lazer.ru/02_02.png?7588" class="image" alt="SMS Уведомления" style=" margin-top: -12px;"></a></td>
		  <td> <div class="block"><a class='example3'> <img src="http://design.auto-lazer.ru/03_03.png?7588" class="image" alt="100% Гарантия" style=" margin-top: -12px;"></a></td>
		  <td> <div class="block"><a class='example4'> <img src="http://design.auto-lazer.ru/04_04.png?7588" class="image" alt="Накопительные скидки" style=" margin-top: -12px;"></a></td>
		  <td> <div class="block"><a class='example5'> <img src="http://design.auto-lazer.ru/05_05.png?7587" class="image" alt="Оплата при получении" style=" margin-top: -12px;"></a></td>
		  </tr>
		  </table>
замените на:
<div class="block-img">
		<div class="block"><a class='example1'> <img src="http://design.auto-lazer.ru/01_01.png?7588" class="image" alt="Подарки каждому покупателю" style=" margin-top: -12px;"></a>  </div>
		<div class="block"><a class='example2'> <img src="http://design.auto-lazer.ru/02_02.png?7588" class="image" alt="SMS Уведомления" style=" margin-top: -12px;"></a>  </div>
		<div class="block"><a class='example3'> <img src="http://design.auto-lazer.ru/03_03.png?7588" class="image" alt="100% Гарантия" style=" margin-top: -12px;"></a>  </div>
		<div class="block"><a class='example4'> <img src="http://design.auto-lazer.ru/04_04.png?7588" class="image" alt="Накопительные скидки" style=" margin-top: -12px;"></a>  </div>
		<div class="block"><a class='example5'> <img src="http://design.auto-lazer.ru/05_05.png?7587" class="image" alt="Оплата при получении" style=" margin-top: -12px;"></a>  </div>
</div>

далее в main.css найдите:
.block {
	display: table-cell;
	height: auto;
	min-height: 180px;
	width: 230px;
	float: left;
}
замените на:
.block {
	display: inline-block;
	height: auto;
	min-height: 180px;
	width: 230px;
}

далее найдите:
.container.promo_block {
	height: 152px;
	width: 1170px;
}
замените на:
.container.promo_block {
}

и в самом описании страницы(сайт - страницы) - картинки в ряд уберите из таблицы(таблица при адаптации не нужна), можно изменить по примеру выше
Обратно в Шаблон Пластик


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. Privacy Policy