Как поменять цвета с фиолетового и оранжевого на желтый?

голоса: 0
Как поменять цвета с фиолетового и орандевого на желтый? Вот сайт http://fckolosks.at.ua/
Адрес сайта http://fckolosks.at.ua/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

1. в стилях находим строки 44:

#catmenu,.sidetitle {background:#3498db; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}

заменить #3498db на gold

2. далее строку номер 53:

#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {color:#fff;background:#2c81ba;text-decoration:none;}

это цвет при наведении на пункт меню - background:#2c81ba; заменяйте на нужный вам

3. Далее ищем строку номер 45:

#catmenu:before,#catmenu:after,.sidetitle:before,.sidetitle:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #0f6d9e;border-left:10px solid transparent;}

вот здесь border-top:10px solid #0f6d9e; так же выделенное меняем на gold

4. После ищем строку номер 75:

.caption {position:absolute; padding:0; left:0; bottom:0; width:100%; background:rgba(52,152,219,.8); color:#fff;}

background:rgba(52,152,219,.8); выделенное можно заменить примерно на rgba(255, 215, 0, 0.4)

5. Найти строку номер 82:

.marked .sidetitle {background:#f27935;}

#f27935 заменить на gold

6. найти строку номер 49:

.marked .sidetitle:after,.marked .sidetitle:before {border-top-color:#bf602a;}

border-top-color:#bf602a; выделенное так же заменяем на gold

7.  Аналогично в строке номер 308 меняем цвет кнопок:

#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:11px!important;padding:9px 11px;margin:0 0 1px;border:none;font-weight:normal!important;cursor:pointer;background:#f27935;text-transform:uppercase;color:#fff; width:auto !important}

background:#f27935; текущий оранжевый цвет меняем на нужный вам.

8. Цвет кнопок при наведении строка номер 314:

#casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover {background:#3498db;color:#fff;}

background:#3498db; аналогично меняем на тот цвет какой нужен, подобрать можете вот здесь - http://www.color-hex.com/

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
...