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


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


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

#61 Santos

Santos

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

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

Отправлено 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

AnnaM

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

  • Модератоpы
  • 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

Santos

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

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

Отправлено 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

Ирина345

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

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

Отправлено 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

Santos

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

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

Отправлено 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

Dars

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

  • Модератоpы
  • 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

Santos

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

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

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

Просмотр сообщенияDars (01 Октябрь 2014 - 15:09) писал:

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

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

Вместо red укажите нужный вам цвет.
Спасибо большое..все ОК

#68 Santos

Santos

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

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

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

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

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

  • 1.jpg


#69 AnnaM

AnnaM

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

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

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

Просмотр сообщенияSantos (01 Октябрь 2014 - 16:38) писал:

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

#70 Santos

Santos

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

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

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

Просмотр сообщенияAnnaM (01 Октябрь 2014 - 16:42) писал:

Попробуйте очистить кэш браузера. В данный момент сайт отображается корректно.
Кэш очистил...проблема осталась...именно в Браузере Мозила, на Хроме все отлично.

#71 Vaccina

Vaccina

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

  • Модераторы
  • 23 591 сообщений

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

попробуйте следующее, в style.css найдите:
section header {
	margin-bottom: 1em;
	overflow: hidden;
}
замените на:
section header {
	margin-bottom: 1em;
}


#72 Santos

Santos

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

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

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

Просмотр сообщенияVaccina (02 Октябрь 2014 - 00:47) писал:

попробуйте следующее, в style.css найдите:
section header {
margin-bottom: 1em;
overflow: hidden;
}
замените на:
section header {
margin-bottom: 1em;
}
Спасибо большой...все как надо)

#73 Santos

Santos

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

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

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

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

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

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

  • q2.jpg
  • q1.jpg


#74 batta

batta

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

  • Модератоpы
  • 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

Santos

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

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

Отправлено 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

Vaccina

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

  • Модераторы
  • 23 591 сообщений

Отправлено 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;
}

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




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

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