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

[m-ya-v]

Добрый день, подскажите, пожалуйста, как поменять цвет всех пунктов каталога товаров. Сейчас они просто на белом фоне черные буквы: www.green-profie.ru
а например, хотелось бы другой фон, или может плашечки какие можно самостоятельно сделать и вставить? Как в примере

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

• 

[RayLi]

m-ya-v (01 Декабрь 2014 - 14:43) писал:

Добрый день, подскажите, пожалуйста, как поменять цвет всех пунктов каталога товаров. Сейчас они просто на белом фоне черные буквы: www.green-profie.ru
а например, хотелось бы другой фон, или может плашечки какие можно самостоятельно сделать и вставить? Как в примере

Здравствуйте.
Найдите в шаблоне main.css код:

.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
}

И далее на выбор вы можете заменить его либо таким кодом:

.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
background: #DBFFD5;
}

Где прописан цвет и можно настроить цвет заднего фона, либо:

.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
background: url('{ASSETS_IMAGES_PATH}ваша_картинка?design=chameleon');
}

Где заместо ваша_картинка вы вставляете имя картинки, которую вы хотите видеть на заднем фоне меню (например menu.png).

[m-ya-v]

RayLi (01 Декабрь 2014 - 14:48) писал:

Спасибо! Фон поменять получилось, но теперь на главной странице ВЫ СМОТРЕЛИ...фон у продуктов тоже поменялся: во вложении пример., как вернуть в этом поле как было?

2. Также можно ли поменять фон и цвет букв заголовка КАТАЛОГ ТОВАРОВ И УСЛУГ  и убрать следующий пункт, дублирующий заголовок, не знаю, откуда он появился

3. Если делать плашки, по примеру, последнему, .leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
background: url('{ASSETS_IMAGES_PATH}ваша_картинка?design=chameleon');
}
Где заместо ваша_картинка вы вставляете имя картинки, которую вы хотите видеть на заднем фоне меню (например menu.png).
Какого размера должна быть моя картинка под каждый пункт? где их взять?

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

• 
• 

[Vaccina]

У вас на данный момент сайт закрыт от просмотра. Пожалуйста, прежде чем задавать вопросы по дизайну - откройте отображение вашего сайта, чтобы модераторы смогли вам помочь. Относительно плашек в каталоге - лучше всего использовать цвет или же не использовать фон вовсе, так как черный текст лучше всего читается на белом фоне. Если вы все же хотите использовать изображение, то размер можно задать 180x20px. Изображение вы можете как найти самостоятельно или же нарисовать его в графическом редакторе. Фон с использованием цвета будет иметь вид

.leftmenu li li a {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: black;
  text-decoration: none;
  background: #E6E6E6;
}

[m-ya-v]

Vaccina (05 Декабрь 2014 - 01:10) писал:

У вас на данный момент сайт закрыт от просмотра. Пожалуйста, прежде чем задавать вопросы по дизайну - откройте отображение вашего сайта, чтобы модераторы смогли вам помочь. Относительно плашек в каталоге - лучше всего использовать цвет или же не использовать фон вовсе, так как черный текст лучше всего читается на белом фоне. Если вы все же хотите использовать изображение, то размер можно задать 180x20px. Изображение вы можете как найти самостоятельно или же нарисовать его в графическом редакторе. Фон с использованием цвета будет иметь вид

.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
background: #E6E6E6;
}

Открыла сайт

[Vaccina]

1. Чтобы у категорий изменить фон в main.css вставьте:

.leftmenu li.categories li a {
	background: #fdfffd;
}

измените значение стиля background на свое.

2. Изменяйте\добавляйте стили у блока в main.css:

.leftmenu li h2 a {
	color: #3caa3c;
}

3. Попробуйте использовать фоновое изображение размером 230х30

[m-ya-v]

Vaccina (06 Декабрь 2014 - 00:38) писал:

1. Чтобы у категорий изменить фон в main.css вставьте:

.leftmenu li.categories li a {
background: #fdfffd;
}

измените значение стиля background на свое.

2. Изменяйте\добавляйте стили у блока в main.css:

.leftmenu li h2 a {
color: #3caa3c;
}

3. Попробуйте использовать фоновое изображение размером 230х30

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