Поменять Цветовую Схему

Aromaro (27 Август 2014 - 09:46) писал:

Здравствуйте.

Подскажите, пожалуйста, где поменять все цвета на сайте? Пронумерованы цифрами от 1 до 10. Что не указал - потом укажу, останется немного.

Colors.png

Хороший, лёгкий шаблон. Очень быстро работает. Думаю, легко и быстро будет поменять немного цветовую схему. Особо изменений не планируется. Минималистичный стиль.

.header {
position: absolute;
position: fixed;
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
/* height: 45px; */
background-color: #2C3E50;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

background-color: #2C3E50;

.footer {
position: relative;
height: auto;
background-color: #2C3E50;
color: white;
}

background-color: #2C3E50;

.panel-top .head li a.selected {
background-color: #1abc9c;
color: #FFF;
}

.panel-top .head li a:hover {
	background-color: #1abc9c;
	box-shadow: none;
	color: white;
	text-decoration: none;

background-color:#1abc9c;

.footerMenu li.active a {
background-color: #1abc9c;
}

.footerMenu li a:hover {
background-color: #1abc9c;
box-shadow: none;
text-decoration: none;
}

background-color:#1abc9c;

.infoSite {
display: block;
float: right;
padding: 1% 1% 1% 2%;
margin: 1% 1% 0% 0%;
width: 20%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1abc9c;
color: #d1f2eb;
line-height: 1.4;
}

background-color:#1abc9c;

.crumbs {
margin: 0 0 1.8%;
padding: 8px 1.6% 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #34495E;
color: #ECF0F1;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 97%;
}

background-color:#34495E;

.homePageListCart h4 {
padding: 4px 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #34495E;
color: #ECF0F1;
font-size: 120%;
}

background-color:#34495E;

a {
color: #16a085;
text-decoration: none;
-webkit-transition: 0.25s;
transition: 0.25s;
}

color:#16a085;

#contactShow .title a {
color: #16a085;
}

background-color:#16a085;

Danil (27 Август 2014 - 10:36) писал:

.header {
position: absolute;
position: fixed;
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
/* height: 45px; */
background-color: #2C3E50;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

background-color: #2C3E50;

.footer {
position: relative;
height: auto;
background-color: #2C3E50;
color: white;
}

background-color: #2C3E50;

.panel-top .head li a.selected {
background-color: #1abc9c;
color: #FFF;
}

.panel-top .head li a:hover {
	background-color: #1abc9c;
	box-shadow: none;
	color: white;
	text-decoration: none;

background-color:#1abc9c;

.footerMenu li.active a {
background-color: #1abc9c;
}

.footerMenu li a:hover {
background-color: #1abc9c;
box-shadow: none;
text-decoration: none;
}

background-color:#1abc9c;

.infoSite {
display: block;
float: right;
padding: 1% 1% 1% 2%;
margin: 1% 1% 0% 0%;
width: 20%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1abc9c;
color: #d1f2eb;
line-height: 1.4;
}

background-color:#1abc9c;

.crumbs {
margin: 0 0 1.8%;
padding: 8px 1.6% 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #34495E;
color: #ECF0F1;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 97%;
}

background-color:#34495E;

.homePageListCart h4 {
padding: 4px 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #34495E;
color: #ECF0F1;
font-size: 120%;
}

background-color:#34495E;

a {
color: #16a085;
text-decoration: none;
-webkit-transition: 0.25s;
transition: 0.25s;
}

color:#16a085;

#contactShow .title a {
color: #16a085;
}

background-color:#16a085;

Aromaro (28 Август 2014 - 08:18) писал:

Спасибо! Вот остаётся ещё доделать:

1. Фон внизу сделать таким же как и выше. Где этот цвет находится?
1Vnizu_fon.png

2. Цвет выделения при наведении в меню корзины.
2korzina_pri_vydelenii.png

3. Подскажите какой цвет текста используется в местах, указанных стрелками? Чтобы его сделать таким же, а то придётся много цветов переделывать, что очень не хочется..
3kakoj_cvet_iz_teksta.png

4. Цвет при наведении на ссылки или как их там правильно назвать..
4cvet_pri_navedenii.png

5. Поменять зелёный цвет всплывающих сообщений.
5cvet_vsplyvayushih_soobshenij.png

6. Цвет без наведения и при наведении на кнопку в разделе связи с администрацией
6cvet_bez_navedenija_i_pri_navedenii.png

7. Цвета при входе в личный кабинет, без наведения на кнопку и при наведении. Цвета кнопок.
7cvet_knopok_bez_navedeniya_i_pri_navedenii.png

8. Цвета при добавлении товара в корзину:
8-5cvetov.png
а) в каталоге при выделении раздела - цвет букв
б) кнопка оформить заказ - цвет фона
в) сообщение о том, что товар добавлен в корзину - цвет фона
г) кнопка положить в корзину - цвет фона
д) цвет цены

9. Цвета в товаре:
9cveta_v_tovare.png
а) цвет фона в количестве штук
б) цвет цены
в) цвет цены
г) цвет фона кнопки "в корзину" без наведения и при наведении

10) Цвета кнопок и рамки:
10-cveta-knopok-i-ramki.png
а) цвета кнопок без наведения и при наведении
б) цвет рамки

11) Цвета 2 кнопок при оформлении заказа:
11-cveta-knopok.png
а) очистить корзину - без наведения и при наведении
б) заказать

12) После нажатия кнопки "заказать"
12-knopka-otmenit.png 12-oformit.png 12-tekst-otmenit-bez-i-s.png
а) Цвет фона кнопки "отменить заказ"
б) цвет кнопки оформить заказ - без наведения и при наведении
в) текст "отменить заказ" в углу справа внизу - без наведения и при наведении, цвет.

13) цвет цены при оформлении заказа:
13cvet-ceny.png
а) цвет цены при оформленном заказе
б) цвет левой кнопки, без выделения и при выделении
в) цвет правой кнопки, без выделения и при выделении

Danil (28 Август 2014 - 08:27) писал:

Aromaro (28 Август 2014 - 11:07) писал:

Помогло, но не всё нашёл ((

Сейчас заново, но почти всё сделал:

1. При наведении мышкой на раздел каталога в меню, не могу найти этот бирюзовый цвет, чтобы поменять на оранжевый:
1pri_navedenii.png
Связаться с нами, возможно, тоже поменяется. А может и нет.. Если нет, подскажите, пожалуйста, где это найти..
1svyazatsya.png
При наведении на ссылку "главная" - тоже не знаю, поменяется или нет. Она, вроде, темнее:
1glavnaya.png
Также и в товаре, в каталоге, при наведении:
1-v-tovare.png
И в отзывах:
1-otzyvy.png
Вот тут вот тоже при наведении:
1-v-kataloge-pri-navedenii.png

2. Блок с надписью "Корзина пуста", цвет при наведении:
2korzina.png
Изменить нужно почти чёрный цвет - на оранжевый.

3. При нажатии на кнопку "Положить "..." в корзину":
3polozh-v-korzinu.png
Мелькает зелёный цвет кнопки. не могу найти его. Изменить на оранжевый.
И влево улетает зеленая корзинка. Где найти её, чтобы также изменить на оранжевую? Если что - другую корзинку найду.

4. Изменить три цвета в верхнем меню справа при добавленных в корзину товарах:
4-tri_cveta.png
а) Где 2 шт - количество, сделать синим, заменив белый.
б) Рамку вокруг количества сделать белой, заменив бирюзовый.
в) Цена "столько-то" сделать белой, заменив бирюзовый.
Будет вот так (разве что по-красивей, тк не удается правильный размер подобрать шрифта):
4-tri_cveta-itog.png

5. Когда открыт товар, как и в п.3 мелькает зелёный, я его отобразил на скриншоте, не пойму где он:
5-tut_tozhe_melkaet_zelyonyj.png
Один товар, тестовый, есть в разделе "Очистители поверхностей - для плит"
А вот эта корзина в полёте как в п.3:
5-korzina_v_polyote.png

6. При нажатии на кнопку "оформить заказ":
6-oformit.png
Также мелькает зелёная кнопка. Только вроде больше светло-зелёная.
Изменить.

Danil (28 Август 2014 - 12:51) писал:

Aromaro (28 Август 2014 - 15:39) писал:

Dars (28 Август 2014 - 16:30) писал:

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

.left-sidebar .block-content li.parent ul,
.left-sidebar .block-content li.parent {
background-color: white;
}

.left-sidebar .block-content li.parent ul,
.left-sidebar .block-content li.parent {
background-color: #FFCCCC;
}

.btn.green {
	border-color: #48a043;
	background-color: #48a043;
}

.btn.green {
border-color: FFCCCC;
background-color: FFCCCC;
}

.logo .store_name {
display: block;
float: left;

}

.logo .store_name {
display: block;
float: left;
font-size: 12px;
}

.panel-top .head li a {
display: block;
padding: 0 10px 0 10px;
color: white;
text-transform: uppercase;
letter-spacing: 0.13em;
font-size: 105%;
line-height: 45px;
}

#contactShowBut {
display: block;
padding: 2.8%;
width: 94%;
background-color: #34495E;
color: white;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

cursor: pointer;
}

#contactShowBut {
display: block;
padding: 2.8%;
width: 94%;
background-color: #800080;
color: white;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

cursor: pointer;
}

vadim777 (21 Ноябрь 2014 - 14:04) писал:

как изменять цвет текста в меню Снимок экрана 2014-11-21 в 14.07.25.png

.header {
	position: absolute;
	position: fixed;
	top: 0;
	left: auto;
	z-index: 1024;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	min-width: 100%;
	width: auto;
	/* height: 45px; */
	background-color: #2C3E50;
}

#sb-site.wrapper {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	min-width: 305px;
	min-height: 100%;
	height: auto;
	background-color: #2C3E50;
}

Alekseys (21 Ноябрь 2014 - 14:59) писал:

.header {
position: absolute;
position: fixed;
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
/* height: 45px; */
background-color: #2C3E50;
}

#sb-site.wrapper {
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 305px;
min-height: 100%;
height: auto;
background-color: #2C3E50;
}

vadim777 (21 Ноябрь 2014 - 15:32) писал:

.panel-top .head li a {
color: white;
display: block;
font-size: 15px;
letter-spacing: 0.13em;
line-height: 45px;
padding: 0 10px;
text-transform: uppercase;
}

.panel-top .head li a {
color: rgb(153, 153, 153);
display: block;
font-size: 15px;
letter-spacing: 0.13em;
line-height: 45px;
padding: 0 10px;
text-transform: uppercase;
}