Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Выровнить

Автор UGIN, 21 дек. 2015 15:34

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 35

#1 UGIN

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

Пользователи
181 сообщений

Отправлено 21 Декабрь 2015 - 15:34

как можно выровнить шапку, что-бы отступы были одинаковые?
тоже самое касается блока, где висит лого и кнопки( доставка обслуживание ит.д.)
кнопку каталог товаров выровнить по центру. и сделать так чтобы эта кнопка вместе с корзиной и поиском скролилась вниз вместе с посетителем ( прилипая к верху экрана)

скасибо!

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

Наверх

#2 Firefly

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

Модераторы
3 810 сообщений

Отправлено 21 Декабрь 2015 - 17:15

UGIN (21 Декабрь 2015 - 15:34) писал:

как можно выровнить шапку, что-бы отступы были одинаковые?
тоже самое касается блока, где висит лого и кнопки( доставка обслуживание ит.д.)
кнопку каталог товаров выровнить по центру. и сделать так чтобы эта кнопка вместе с корзиной и поиском скролилась вниз вместе с посетителем ( прилипая к верху экрана)

скасибо!

Здравствуйте.
Вам создали бэкап и произвели изменения, проверьте пожалуйста.

Наверх

#3 UGIN

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

Пользователи
181 сообщений

Отправлено 21 Декабрь 2015 - 20:20

Firefly (21 Декабрь 2015 - 17:15) писал:

Здравствуйте.
Вам создали бэкап и произвели изменения, проверьте пожалуйста.

кнопка работает как надо, а можно прозрачнось сделать для нее? процентов на 50.
по поводу шапки и блоков в скрине отметил какой должен быть отступ.....спасибо1

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

Наверх

#4 Firefly

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

Модераторы
3 810 сообщений

Отправлено 21 Декабрь 2015 - 20:43

UGIN (21 Декабрь 2015 - 20:20) писал:

кнопка работает как надо, а можно прозрачнось сделать для нее? процентов на 50.
по поводу шапки и блоков в скрине отметил какой должен быть отступ.....спасибо1

Данный шаблон является адаптивным и установить фиксированный выступ не получится, т.к. на больших разрешениях блоки выбирают отступ автоматически.
Чтобы установить прозрачность кнопки зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

a.catalogshapka {
		float:right;
		font-size: 15px;
		color: #000000;
		border: 2px solid #ffffff;
		padding: 15px 80px;
		background: #ffffff;
		display: block;
		text-align: center;
		border-radius: 40px;
		margin: 0 auto;
		width: 61%;
		-moz-box-shadow: 0 0 20px #fff;
		-webkit-box-shadow: 0 0 20px #fff;
		box-shadow: 0 0 20px #fff;
}

Замените на:

a.catalogshapka {
		float:right;
		font-size: 15px;
		color: #000000;
		border: 2px solid #ffffff;
		padding: 15px 80px;
		background: rgba(255,255,255,0.5);
		display: block;
		text-align: center;
		border-radius: 40px;
		margin: 0 auto;
		width: 61%;
		-moz-box-shadow: 0 0 20px #fff;
		-webkit-box-shadow: 0 0 20px #fff;
		box-shadow: 0 0 20px #fff;
}

Наверх

#5 UGIN

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

Пользователи
181 сообщений

Отправлено 21 Декабрь 2015 - 21:05

Firefly (21 Декабрь 2015 - 20:43) писал:

Данный шаблон является адаптивным и установить фиксированный выступ не получится, т.к. на больших разрешениях блоки выбирают отступ автоматически.
Чтобы установить прозрачность кнопки зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

a.catalogshapka {
	 float:right;
	 font-size: 15px;
	 color: #000000;
	 border: 2px solid #ffffff;
	 padding: 15px 80px;
	 background: #ffffff;
	 display: block;
	 text-align: center;
	 border-radius: 40px;
	 margin: 0 auto;
	 width: 61%;
	 -moz-box-shadow: 0 0 20px #fff;
	 -webkit-box-shadow: 0 0 20px #fff;
	 box-shadow: 0 0 20px #fff;
}

Замените на:

a.catalogshapka {
	 float:right;
	 font-size: 15px;
	 color: #000000;
	 border: 2px solid #ffffff;
	 padding: 15px 80px;
	 background: rgba(255,255,255,0.5);
	 display: block;
	 text-align: center;
	 border-radius: 40px;
	 margin: 0 auto;
	 width: 61%;
	 -moz-box-shadow: 0 0 20px #fff;
	 -webkit-box-shadow: 0 0 20px #fff;
	 box-shadow: 0 0 20px #fff;
}

Понял! а можно тогда кнопку монтаж оставить как есть, а лого с текстом сдвинуть на тоже расстояние (отступ) что и "монтаж". а в шапке сдвинуть блоки (почта, телефон и обратный звонок) на такое же расстояние что и "главная" ?

Наверх

#6 UGIN

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

Пользователи
181 сообщений

Отправлено 21 Декабрь 2015 - 21:27

UGIN (21 Декабрь 2015 - 21:05) писал:

Понял! а можно тогда кнопку монтаж оставить как есть, а лого с текстом сдвинуть на тоже расстояние (отступ) что и "монтаж". а в шапке сдвинуть блоки (почта, телефон и обратный звонок) на такое же расстояние что и "главная" ?

Firefly (21 Декабрь 2015 - 20:43) писал:

Данный шаблон является адаптивным и установить фиксированный выступ не получится, т.к. на больших разрешениях блоки выбирают отступ автоматически.
Чтобы установить прозрачность кнопки зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

a.catalogshapka {
	 float:right;
	 font-size: 15px;
	 color: #000000;
	 border: 2px solid #ffffff;
	 padding: 15px 80px;
	 background: #ffffff;
	 display: block;
	 text-align: center;
	 border-radius: 40px;
	 margin: 0 auto;
	 width: 61%;
	 -moz-box-shadow: 0 0 20px #fff;
	 -webkit-box-shadow: 0 0 20px #fff;
	 box-shadow: 0 0 20px #fff;
}

Замените на:

a.catalogshapka {
	 float:right;
	 font-size: 15px;
	 color: #000000;
	 border: 2px solid #ffffff;
	 padding: 15px 80px;
	 background: rgba(255,255,255,0.5);
	 display: block;
	 text-align: center;
	 border-radius: 40px;
	 margin: 0 auto;
	 width: 61%;
	 -moz-box-shadow: 0 0 20px #fff;
	 -webkit-box-shadow: 0 0 20px #fff;
	 box-shadow: 0 0 20px #fff;
}

с кнопкой тоже не совсем то получилось! хотел что-бы вся строка стала прозрачее при скролинге. как на сайте http://ffgears.ru/

Наверх

#7 Vaccina

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

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

Отправлено 22 Декабрь 2015 - 02:39

Попробуйте в main.css добавить следующее:

.block_ccs.yt-main-menu {
	opacity: 0.8;
}

Наверх

#8 UGIN

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

Пользователи
181 сообщений

Отправлено 22 Декабрь 2015 - 15:10

Vaccina (22 Декабрь 2015 - 02:39) писал:

Попробуйте в main.css добавить следующее:

.block_ccs.yt-main-menu {
opacity: 0.8;
}

с кнопкой получилось. а можно тогда лого с текстом правее сдвинуть, но в таком виде, что-бы текст не уехал никуда. а блоки раздвинуть до того момента что-бы "бесплатная доставка" стала в одну строчку? т.к. сейчас всё вниз поехало.

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

Наверх

#9 Firefly

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

Модераторы
3 810 сообщений

Отправлено 22 Декабрь 2015 - 16:44

UGIN (22 Декабрь 2015 - 15:10) писал:

с кнопкой получилось. а можно тогда лого с текстом правее сдвинуть, но в таком виде, что-бы текст не уехал никуда. а блоки раздвинуть до того момента что-бы "бесплатная доставка" стала в одну строчку? т.к. сейчас всё вниз поехало.

Здравствуйте.
Вам создали бэкап и произвели изменения. Проверьте, пожалуйста.

Наверх

#10 UGIN

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

Пользователи
181 сообщений

Отправлено 22 Декабрь 2015 - 16:46

Firefly (22 Декабрь 2015 - 16:44) писал:

Здравствуйте.
Вам создали бэкап и произвели изменения. Проверьте, пожалуйста.

да! все супер!

Наверх

#11 UGIN

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

Пользователи
181 сообщений

Отправлено 23 Декабрь 2015 - 09:41

Firefly (22 Декабрь 2015 - 16:44) писал:

Здравствуйте.
Вам создали бэкап и произвели изменения. Проверьте, пожалуйста.

как можно убрать высоту верхних блоков, до той степени чтобы слайдеры полностью попадали на начальную страницу?

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

Наверх

#12 Юля123

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

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

Отправлено 23 Декабрь 2015 - 10:25

UGIN (23 Декабрь 2015 - 09:41) писал:

как можно убрать высоту верхних блоков, до той степени чтобы слайдеры полностью попадали на начальную страницу?

Здравствуйте, попробуйте сделать следующее. В main.css найдите код:

.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

и замените на код:

.header-content .yt-main-menu {float:right;}

Далее в шаблоне HTML найдите код:

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 52px;">

и замените на код:

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">

Наверх

#13 UGIN

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

Пользователи
181 сообщений

Отправлено 26 Декабрь 2015 - 17:16

Юля123 (23 Декабрь 2015 - 10:25) писал:

Здравствуйте, попробуйте сделать следующее. В main.css найдите код:

.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

и замените на код:

.header-content .yt-main-menu {float:right;}

Далее в шаблоне HTML найдите код:

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 52px;">

и замените на код:

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">

как можно, блок который выделен на скрине, убрать немного высоты? т.к. слайды слишком ушли вниз, и полностью не помещаются на странице.

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

Наверх

#14 Firefly

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

Модераторы
3 810 сообщений

Отправлено 26 Декабрь 2015 - 17:32

UGIN (26 Декабрь 2015 - 17:16) писал:

как можно, блок который выделен на скрине, убрать немного высоты? т.к. слайды слишком ушли вниз, и полностью не помещаются на странице.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

						 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
						 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 52px;"><br>Инновационная безопасность –
						 системы <br>умный дом, контроль доступа, ip домофония.
						 </a>

Замените на:

						 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
						 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 30px;"><br>Инновационная безопасность –
						 системы <br>умный дом, контроль доступа, ip домофония.
						 </a>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.header-content .logo {padding:20px 0;}
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

Замените на:

.header-content .logo {padding: 5px 0;}
.header-content .yt-main-menu {padding: 20px 0;float:right;}

Наверх

#15 UGIN

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

Пользователи
181 сообщений

Отправлено 26 Декабрь 2015 - 18:55

Firefly (26 Декабрь 2015 - 17:32) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

						 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
						 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 52px;"><br>Инновационная безопасность –
						 системы <br>умный дом, контроль доступа, ip домофония.
						 </a>

Замените на:

						 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
						 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 30px;"><br>Инновационная безопасность –
						 системы <br>умный дом, контроль доступа, ip домофония.
						 </a>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.header-content .logo {padding:20px 0;}
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

Замените на:

.header-content .logo {padding: 5px 0;}
.header-content .yt-main-menu {padding: 20px 0;float:right;}

там совсем всё съехало

Наверх

#16 Firefly

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

Модераторы
3 810 сообщений

Отправлено 26 Декабрь 2015 - 19:37

UGIN (26 Декабрь 2015 - 18:55) писал:

там совсем всё съехало

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

Наверх

#17 UGIN

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

Пользователи
181 сообщений

Отправлено 26 Декабрь 2015 - 19:55

Firefly (26 Декабрь 2015 - 19:37) писал:

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

спасибо!

Наверх

#18 UGIN

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

Пользователи
181 сообщений

Отправлено 30 Декабрь 2015 - 11:53

Firefly (26 Декабрь 2015 - 19:37) писал:

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

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

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

Наверх

#19 Firefly

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

Модераторы
3 810 сообщений

Отправлено 30 Декабрь 2015 - 12:33

UGIN (30 Декабрь 2015 - 11:53) писал:

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

Здравствуйте.
Уточните, пожалуйста, в каком браузере у Вас наблюдается данная проблема и на каком разрешении экрана. При первичной проверке нами данных проблем обнаружено не было.

Наверх

#20 UGIN

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

Пользователи
181 сообщений

Отправлено 30 Декабрь 2015 - 12:44

Firefly (30 Декабрь 2015 - 12:33) писал:

Здравствуйте.
Уточните, пожалуйста, в каком браузере у Вас наблюдается данная проблема и на каком разрешении экрана. При первичной проверке нами данных проблем обнаружено не было.

яндекс браузер, 1360х786
я так понимаю что из-за плавающей кнопки такая ситуация получилась