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

[Hardnord69]

Здравствуйте подскажите пожалуйста как изменить цвет кнопок...

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

• 

[sengun]

Hardnord69 (15 Ноябрь 2013 - 19:19) писал:

Здравствуйте подскажите пожалуйста как изменить цвет кнопок...

Здравствуйте.
Цвета кнопок "купить" и "подробнее" можно поменять, редактируя изображение whtgray-bg.jpg в графическом редакторе (скачайте его в разделе "Сайт" - "Редактор шаблонов", отредактируйте и залейте обратно с заменой).
Цвет цены можно поменять, изменяя свойство color в коде

#content .box .ulproduct .infoproduct .price em span { color:#096F97; text-decoration:none; }

в шаблоне main3.css

[Hardnord69]

sengun (15 Ноябрь 2013 - 19:29) писал:

Здравствуйте.
Цвета кнопок "купить" и "подробнее" можно поменять, редактируя изображение whtgray-bg.jpg в графическом редакторе (скачайте его в разделе "Сайт" - "Редактор шаблонов", отредактируйте и залейте обратно с заменой).
Цвет цены можно поменять, изменяя свойство color в коде

#content .box .ulproduct .infoproduct .price em span { color:#096F97; text-decoration:none; }

в шаблоне main3.css

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

[Hardnord69]

и скажите еще пожалуйста как увеличить цену в которой изменил цвет....   Спасибо за помощь!

[Koderhan]

Hardnord69 (15 Ноябрь 2013 - 23:24) писал:

и скажите еще пожалуйста как увеличить цену в которой изменил цвет....   Спасибо за помощь!

Попробуйте добавить в файл main.css код:

.price em > span {
	font-size: 18px;
}

[Vaccina]

Hardnord69 (15 Ноябрь 2013 - 23:11) писал:

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

Пожалуйста, сообщите о каких кнопках идет речь? Вы имеете в виду кнопки "Купить сейчас" и "Подробнее"? в данный момент они у вас отображаются белым цветом.

[Hardnord69]

Vaccina (16 Ноябрь 2013 - 02:38) писал:

Пожалуйста, сообщите о каких кнопках идет речь? Вы имеете в виду кнопки "Купить сейчас" и "Подробнее"? в данный момент они у вас отображаются белым цветом.

Да именно про них идет речь... кнопку КУПИТ СЕЙЧАС  необходимо изменить на красную.. а  кнопку "подробнее" на зеленую..

[Taisia]

фон этих кнопок у вас задается файлом
посмотреть можно тут
соответственно вам нужно создать два разных файла один с красным наполнением другой с зеленым
загрузить на сайт и внести изменения в стили css

для примера того как это будет работать (прежде чем вносить какие-либо изменения сделайте бэкап сайта)
найдите в файле main.css код

a.whtgray, button.whtgray  { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
  a.whtgray:hover, button.whtgray:hover { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) center center no-repeat; }

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

button.whtgray  { background: url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
a.whtgray  { background: url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
  a.whtgray:hover { background: url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center center no-repeat; }
   button.whtgray:hover { background: url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center center no-repeat; }

[Hardnord69]

Taisia (16 Ноябрь 2013 - 12:57) писал:

фон этих кнопок у вас задается файлом
посмотреть можно тут
соответственно вам нужно создать два разных файла один с красным наполнением другой с зеленым
загрузить на сайт и внести изменения в стили css

для примера того как это будет работать (прежде чем вносить какие-либо изменения сделайте бэкап сайта)
найдите в файле main.css код

a.whtgray, button.whtgray { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
a.whtgray:hover, button.whtgray:hover { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) center center no-repeat; }

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

button.whtgray { background: url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
a.whtgray { background: url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
a.whtgray:hover { background: url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center center no-repeat; }
button.whtgray:hover { background: url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center center no-repeat; }

Извените за глупые вопросы...
но я вот только не понимаю две картинки зеленая и красная называть одним именем или как ??  как оно будет определять где зеленая кнопка а где красная ??

[sengun]

Hardnord69 (17 Ноябрь 2013 - 16:33) писал:

Извените за глупые вопросы...
но я вот только не понимаю две картинки зеленая и красная называть одним именем или как ??  как оно будет определять где зеленая кнопка а где красная ??

Картинки должны быть названы по-разному.
Если следовать предложенному коду, то картинка для кнопки "Купить" (элемент <button>) должна иметь имя whtblue-bg.jpg, а картинка кнопки "Подробнее" (элемент <a>) должна иметь имя whtgreen-bg.jpg

В коде это видно. Например участок

button.whtgray { background: url({ASSETS_IMAGES_PATH}whtblue-bg.jpg)

говорит, что для элемента button (купить) фоновое изображение (background) ссылается на картинку whtblue-bg.jpg

[ritikkk]

Подскажите, пожалуйста, как поменять цвет номеров телефона и график работы в шапке? сделала фон белым и телефоны почти не видны www.lot99.ru

[Vaccina]

Редактор шаблонов - main.css - найдите:

#header .blocks ul.telephone23 {
color: #F7F9FA;
float: right;
font: 700 14px "Verdana", "Geneva", sans-serif;
margin: -21px 250px 0px 0px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.298);
}

измените значение стиля color

[ritikkk]

Vaccina (22 Ноябрь 2013 - 03:34) писал:

Редактор шаблонов - main.css - найдите:

#header .blocks ul.telephone23 {
color: #F7F9FA;
float: right;
font: 700 14px "Verdana", "Geneva", sans-serif;
margin: -21px 250px 0px 0px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.298);
}

измените значение стиля color

спасибо, цвет телефонов поменялся) подскажите, в какой строчке поменять цвет фразы "Работаем с...до..."?

[ne_yana]

ritikkk (22 Ноябрь 2013 - 10:04) писал:

спасибо, цвет телефонов поменялся) подскажите, в какой строчке поменять цвет фразы "Работаем с...до..."?

Здравствуйте, это можно сделать, изменив значение параметра color,  в файле main.css  в коде

#header .blocks .rght ul li.timework {
font: bold 14px Verdana, Geneva, sans-serif;
color: #f7f9fa;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
padding-left: 0;
margin-top: 19px;
}

[ritikkk]

ne_yana (22 Ноябрь 2013 - 10:12) писал:

Здравствуйте, это можно сделать, изменив значение параметра color,  в файле main.css  в коде

#header .blocks .rght ul li.timework {
font: bold 14px Verdana, Geneva, sans-serif;
color: #f7f9fa;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
padding-left: 0;
margin-top: 19px;
}

спасибо) все супер))