Отключен JavaScript

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

0

Есть Несколько Вопросов - Помогите!

Автор Santos, 30 мая 2013 12:28

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

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

#61 Santos

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

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

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

Vaccina (01 Октябрь 2014 - 00:32) писал:

В style.css найдите:

.buy-item button {
background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px green;
border: medium none;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 100%;
font-weight: normal;
letter-spacing: 1px;
line-height: 1;
margin: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
width: auto;
}

в нем измените:

background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px green;

на:

background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat;

и вместо icons.png пропишите имя файла вашей кнопки, сам файл загрузите в редактор шаблонов

Здравствуйте! Ни чего не вышло(( кнопка осталась зеленой без изменений... есть еще варианты?

Наверх

#62 AnnaM

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

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

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

Santos (01 Октябрь 2014 - 12:46) писал:

Здравствуйте! Ни чего не вышло(( кнопка осталась зеленой без изменений... есть еще варианты?

В style.css замените

.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.ffgears.ru/bas3.png") no-repeat;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
border-radius: 3px;
}

на

.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.ffgears.ru/bas3.png") no-repeat -40px -25px;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
border-radius: 3px;
}

после изменений очистите кэш (Ctrl+F5)

Наверх

#63 Santos

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

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

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

AnnaM (01 Октябрь 2014 - 12:54) писал:

В style.css замените

.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.ffgears.ru/bas3.png") no-repeat;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
border-radius: 3px;
}

на

.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.ffgears.ru/bas3.png") no-repeat -40px -25px;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
border-radius: 3px;
}

после изменений очистите кэш (Ctrl+F5)

Спасибо...пошаманил)) вроде установилась...еще вопросик..нужно, чтобы слово "купить" при наведении было другим цветом..как сделать?

Наверх

#64 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 01 Октябрь 2014 - 14:50

Santos (01 Октябрь 2014 - 14:25) писал:

Спасибо...пошаманил)) вроде установилась...еще вопросик..нужно, чтобы слово "купить" при наведении было другим цветом..как сделать?

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

.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}bas3.png") no-repeat -5px -20px;}

замените на

.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}имя вашей новой картинки") no-repeat -5px -20px;}

или заменить на цвет
найдите

.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}bas3.png") no-repeat -5px -20px;}

замените на

.buy-item button:hover {background: #123456;}

где меняете значение меняется цвет background: #123456;

Наверх

#65 Santos

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

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

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

Ирина345 (01 Октябрь 2014 - 14:50) писал:

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

.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}bas3.png") no-repeat -5px -20px;}

замените на

.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}имя вашей новой картинки") no-repeat -5px -20px;}

или заменить на цвет
найдите

.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}bas3.png") no-repeat -5px -20px;}

замените на

.buy-item button:hover {background: #123456;}

где меняете значение меняется цвет background: #123456;

Подождите.. Картинка чистая - слово КУПИТЬ выдается сайтом...было оно белым цветом, я изменил на черный, теперь надо чтобы это слово меняло цвет при наведении...вот как-то так))

Наверх

#66 Dars

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

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

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

Santos (01 Октябрь 2014 - 15:05) писал:

Подождите.. Картинка чистая - слово КУПИТЬ выдается сайтом...было оно белым цветом, я изменил на черный, теперь надо чтобы это слово меняло цвет при наведении...вот как-то так))

В style.css добавьте строку:

.goodsDataFormSubmitButton .buy-item button[type="submit"]:hover {color:red;}

Вместо red укажите нужный вам цвет.

Наверх

#67 Santos

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

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

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

Dars (01 Октябрь 2014 - 15:09) писал:

В style.css добавьте строку:

.goodsDataFormSubmitButton .buy-item button[type="submit"]:hover {color:red;}

Вместо red укажите нужный вам цвет.

Спасибо большое..все ОК

Наверх

#68 Santos

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

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

Отправлено 01 Октябрь 2014 - 16:38

Проблемка с показом в браузере Мазила, на странице пошагового оформления заказа верхний титул собрался вправо (фото)...как это исправить?

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

Наверх

#69 AnnaM

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

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

Отправлено 01 Октябрь 2014 - 16:42

Santos (01 Октябрь 2014 - 16:38) писал:

Проблемка с показом в браузере Мазила, на странице пошагового оформления заказа верхний титул собрался вправо (фото)...как это исправить?

Попробуйте очистить кэш браузера. В данный момент сайт отображается корректно.

Наверх

#70 Santos

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

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

Отправлено 01 Октябрь 2014 - 17:11

AnnaM (01 Октябрь 2014 - 16:42) писал:

Попробуйте очистить кэш браузера. В данный момент сайт отображается корректно.

Кэш очистил...проблема осталась...именно в Браузере Мозила, на Хроме все отлично.

Наверх

#73 Santos

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

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

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

Добрый день!
Срочно нужна помощь! При просмотре магазина (гл. страница) на других компьютерах и в других разрешениях происходят смещения ОТДЕЛЬНЫХ блоков к левому краю (получается блоки идут зигзагом), а именно смещены:
1. Верхний Блок - верхняя навигация, лого, каталог, телефоны
2. Слайдер
3. Описание на главной
Блоки : Карусель и Подвал стоят как надо - по середине

Скрины - прилагаю.... Помогите пожалуйста, а то смотрится стремновато)))

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

Наверх

#74 batta

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

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

ГородНижний Новгород

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

Santos (03 Октябрь 2014 - 12:55) писал:

Добрый день!
Срочно нужна помощь! При просмотре магазина (гл. страница) на других компьютерах и в других разрешениях происходят смещения ОТДЕЛЬНЫХ блоков к левому краю (получается блоки идут зигзагом), а именно смещены:
1. Верхний Блок - верхняя навигация, лого, каталог, телефоны
2. Слайдер
3. Описание на главной
Блоки : Карусель и Подвал стоят как надо - по середине

Скрины - прилагаю.... Помогите пожалуйста, а то смотрится стремновато)))

Здравствуйте.
В style.css

section[role="main"] {
margin-bottom: 6em;
z-index: 10;
}

измените на

section[role="main"] {
margin-bottom: 6em;
z-index: 10;
margin-left: 105px;
}

В шаблоне HTML

<div class="theme-default" style="padding: 1em;">

измените на

<div class="theme-default" style="padding: 1em;margin-left: 80px;">

style.css

header[role="banner"] {
position: relative;
min-height: 14em;
overflow: hidden;
z-index: 10;
}

измените на

header[role="banner"] {
position: relative;
min-height: 14em;
overflow: hidden;
z-index: 10;
margin-left: 105px;
}

В style.css

.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: -5px auto;
z-index: 30;
}

измените на

.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: -5px auto;
z-index: 30;
margin-left: 95px;
}

В style.css

.head {
width: 100%;
font-size: 13px;
font-weight: bold;
position: relative;
}

измените на

.head {
width: 100%;
font-size: 13px;
font-weight: bold;
position: relative;
margin-left: 105px;
}

Наверх

#75 Santos

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

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

Отправлено 04 Октябрь 2014 - 14:44

batta (03 Октябрь 2014 - 16:47) писал:

Здравствуйте.
В style.css

section[role="main"] {
margin-bottom: 6em;
z-index: 10;
}

измените на

section[role="main"] {
margin-bottom: 6em;
z-index: 10;
margin-left: 105px;
}

В шаблоне HTML

<div class="theme-default" style="padding: 1em;">

измените на

<div class="theme-default" style="padding: 1em;margin-left: 80px;">

style.css

header[role="banner"] {
position: relative;
min-height: 14em;
overflow: hidden;
z-index: 10;
}

измените на

header[role="banner"] {
position: relative;
min-height: 14em;
overflow: hidden;
z-index: 10;
margin-left: 105px;
}

В style.css

.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: -5px auto;
z-index: 30;
}

измените на

.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: -5px auto;
z-index: 30;
margin-left: 95px;
}

В style.css

.head {
width: 100%;
font-size: 13px;
font-weight: bold;
position: relative;
}

измените на

.head {
width: 100%;
font-size: 13px;
font-weight: bold;
position: relative;
margin-left: 105px;
}

Ничего не вышло!!!((( Вы подсказали чтобы выровнять эти блоки под определенное разрешение экрана...теперь они переместились вправо!
Подскажите, как выровнять эти блоки, чтобы они стояли друг под другом ровно в разных разрешениях ...вопрос. Как "карусель на главной" и "подвал" удерживаются по середине экрана во всех разрешениях??? - и не куда не смещаются, какой код задает им данную функцию..
Буду ждать ответа...спасибо

Наверх

#76 Vaccina

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

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

Отправлено 04 Октябрь 2014 - 23:54

section[role="main"] {
	margin-bottom: 6em;
	z-index: 10;
}

замените на:

section[role="main"] {
	margin-bottom: 6em;
	z-index: 10;
	text-align: center;
}

теперь по шапке, найдите:

.slogan {
	color: #dfd5af;
	font-family: Impact;
	font-size: 32px;
	margin-left: 533px;
	margin-top: 10px;
	width: 450px;
}
header[role="banner"] .hgroup {
	left: 1em;
	position: absolute;
	top: 0;
	width: 39%;
}

.contacts {
	color: #9b1d21;
	float: left;
	font-family: Impact;
	font-size: 48px;
	left: 523px;
	line-height: 1.1;
	position: relative;
	top: 0;
}

замените на:

.slogan {
	color: #dfd5af;
	float: right;
	font-family: Impact;
	font-size: 32px;
}
header[role="banner"] .hgroup {
	width: 100%;
	clear: both;
}
.contacts {
	color: #9b1d21;
	float: right;
	font-family: Impact;
	font-size: 48px;
	line-height: 1.1;
	margin-top: 30px;
	position: relative;
}

слайдер у вас не адаптивный, его лучше скрывать при меньшем разрешении