Шаблон 1201 как изменить цвет меню, сделать его ровным и изменить цвет самого текста в меню

Голоса: +1

Доброго!

Шаблон 1201.

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

Быть может просто его можно удалить, оставив кнопки самого меню по середине.

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

На картинке №2, рисунок того, что я хочу добиться. 

Адрес сайта http://kreati-v.ucoz.net/
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1

В стилях ищем строку номер 28:

#overlay {background:url(/.s/t/1201/head.jpg) 100% 0 no-repeat;background-size: 100%;}

добавьте выделенное, после будет как нужно.

| Автор:

Спасибо большое!

Добавила строки, заменила картинку в 28 строке. А как изменить цвет шрифта, нужен черный шрифт. 

Kreativ,

В стилях строка номер 39:

#catmenu li a {position:relative;display:inline-block;padding:0 15px;font-size:14px;color:#afa99d;line-height:20px;height:20px;text-transform:uppercase;}

вместо выделенного пропишите 000

Yuri_Geruk,
Желательно, чтобы общая ширина сайта была не более 1500px.
Yuri_Geruk,

Спасибо, всё получилось.

Только у меня теперь стал шире сайт, как это исправить и где я ошиблась?

Kreativ,
Сайт шире не стал так как изменяли лишь ширину меню.
Yuri_Geruk,

Хорошо,спасибо.

Тогда подскажите, как исправить следующие моменты.

1) Как блок "Корзина", "Поиск" , "календарь" максимально сдвинуть в правый угол? Изменить цвет этих блоков, и шрифт в этих блоках на чёрный цвет.

 

2) Как изменить картинку ВОТТОМ и цвет текста на чёрный

Спасибо Вам большое за помощь!!!!!!!!!!!!!!!!!!!!!!!!!!

 

Kreativ,

1. Чтобы сдвинуть, в стилях ищите строку номер 132:

#sidebar {float:right;margin-right: -120px;width:270px;}

добавьте выделенное, значение 120 регулируйте под себя в зависимости на сколько нужно сдвинуть.

2. Цвет блоком меняйте в строке 133:

.sidebox {margin:0 0 5px;padding:20px;border:1px solid #433e38;background:#252322 url(/.s/t/1201/side.jpg);-moz-box-shadow:inset 0 1px 2px 0 #0b0b0b;-webkit-box-shadow:inset 0 1px 2px 0 #0b0b0b;box-shadow:inset 0 1px 2px 0 #0b0b0b;}

3. В стилях строка номер 182:

#bottom {color: #000;padding:40px 0;border-top:1px solid #433e38;background:#242322 url(/.s/t/1201/bottom.jpg);}

зеленое добавить, это цвет текста

...