Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[РЕШЕНО] Как поменять цвет нисходящего меню


Recommended Posts

Доброго времени суток.

У меня встала проблема как поменять цвет нисходящего меню (см вложение).  Как называется класс этого меню. Никак не могу его наити в стилях.

post-670721-0-98706100-1374916664_thumb.png

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

что-то не удалось поменять цвет(

#menu > ul > li > div {
display: none;
background: #FFFFFF; <------ менял
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000; <-- менял
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png'); <-------- менял

все оставалось по дефолту

понять бы в какую сторону копать

Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


#menu > ul > li > div {
display: none;
background: #FFFFFF; 
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000; 
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png'); <-------- меняем цвет картинки

дальше находим

#menu > ul > li ul > li > a:hover {
background: #000000; <--------- меняем (цвет при наведении мыши)
Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


поменять фон footer (подвала)

находим:

/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8; <-------- меняем цвет фона на свой
}

для закругления углов скопипастил из меню

-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;

получилось:

/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}

для изменения цвета букаф в футере находим

#footer h3 {
color: #000000; <-------- меняем цвет на свой
font-size: 14px;
margin-top: 0px;
margin-bottom: 8px;
}

все это я пишу чтоб польза была другим, кто не знает, да и самому не забыть

если что по вашему надо поправить пишите

Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


меняем цвет рамки меню в хедере

/* menu */
#menu {
background: #585858;
border-bottom: 1px solid #000000; <-------- меняем цвет рамки меню
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}

теперь нужно понять как поменять цвет рамки выпадающего меню

Надіслати
Поділитися на інших сайтах


Спасибо за добрые слова) и буду стараться выделять)
 
меняем цвет фона сайта
находим

body {
background-color: #ffffff; <-------- меняем цвет на свой
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

рамку выпадающего меню не менял, как поменяю отпишусь в этой теме

Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


ставим картинку в качестве фона сайта

предварительно заливаем картинку в ../catalog/view/theme/default/image/

 

находим

body {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
заменяем
background-color: #ffffff;

на background:

url('../image/fly.jpg');

получаем:

body {
background: url('../image/fly.jpg'); <-------- меняем на свою картинку
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


  • 1 month later...

Меняем цвет фона активного пункта меню в хедере (кликнули стал активным)

#menu > ul > li > a.active {
background: #000; <-- меняем цвет на свой

}

Добавляем закругления углов

#menu > ul > li > a.active {
background: #000;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


  • 3 weeks later...

Cпасибо огромное!!!!!

Ещё вопрос : как в дефолтной теме в самой шапке (Войти, Зарегистрироваться;Главная,Закладки, Корзина покупок, Оформить заказ) СМЕНИТЬ шрифт и цвет- где что менять нужно? И картинку корзинки поменять как? Было бы неплохо ещё контакт там прописать- но это уже наверное высший пилотаж для чайника)))

Надіслати
Поділитися на інших сайтах


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

 

Подскажите ещё : 1) как убрать пункты меню самого верхнего "закладки(0)" и "корзина покупок" , оставить только Главная и Оформление заказа. Корзина есть в правом верхнем углу, поэтому пункт меню " корзина покупок" не нужен; 

2) как перенести "Войти и Зарегистрироваться" в правый угол;

 3) как убрать Строчку Поиск???

 

:eek:  :geek: Очень благодарны вам!!! Процветания вам, добрые люди!!!

Надіслати
Поділитися на інших сайтах


  • 5 weeks later...

Вопрос в тему по изменению цвета:
в карточке товара? как поменять цвет   список/сетка  сравнение товара(0) ?  я уже весь stylesheet просмотрела, какие строчки отвечают за это, помогите, пожалуйста

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

Друзья, нужна помощь :(  в opencart'е новичок, но стараюсь активно разобраться... дело вот в чем, меню категорий выставлено в 2 строки, а ниспадающее меню, находится как бы за ним, то есть подкатегории выпадают, но перейти по ним нереально потому что "задеваешь" вторую строчку главного меню.. играл с z-index'ом, не помогло (( сайт :

magazin.zavhoz63.ru

Надіслати
Поділитися на інших сайтах


#menu > ul > li > div
убери position: absolute

 

дальше полет для самостоятельного творчества как выравнивать пункты.

Змінено користувачем destreser
  • +1 1
Надіслати
Поділитися на інших сайтах


блин, все хорошо, но теперь при наведении вся нижняя строка категорий сдвигается на ширину названия подкатегории.... тоже самое происходит и с содержимым страницы (если перейти)...

если я правильно понимаю, то мне надо указать значение "position" ручками, то есть после "position: none" пишу значения для "width" и "height" так ? если да, то получится я задам их фиксированными.... для всех выпадающих списков подкатегорий ? Помогите пожалсто -_-

Надіслати
Поділитися на інших сайтах


  • 3 months later...
  • 5 months later...

Добавлю еще:

 

Меняем Цвет заголовка в списке товаров (именно в списке - в виде сетка/список, а не в самом товаре)

находим

.box-product .name a,
.product-grid .name a,
.product-list .name a {
color: #ff0000;     <--------------------------- меняем цвет на свой
margin-bottom: 4px;
    font-size: 13px;
    font-family: 'Microsoft Sans Serif',Helvetica,'MS Sans Serif',sans-serif;
}
Надіслати
Поділитися на інших сайтах


  • 1 month later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.