24 января 2014 в 21:45
Имеется сайт на друпале 7. Установлен модуль Superfish menu. Есть верхнее меню (Главная, гарантии..) и правое меню (войти, регистрация). Хотел изменить цвет в верхнем меню на картинку, изменил, но при этом изменилось и в правом меню. Помогите решить проблему. Понимаю, что проблема в том, что у них один класс. Но где изменить класс для второго меню или как добавить разные картинки для верхнего меню и для правого? Сайт (не реклама).
Заранее спасибо.
Комментарии
почитайте про селекторы CSS, есть 1000 и 1 способ задать одинаковым классам разные стили в зависимости от расположения и последовательности с другими элементами.
Читал про селекторы, сделал вот такое:
[href*="/user/register"] {
background:url(/images/1.gif) round;
Это работает отлично,но не подскажи как сделать, что бы так же менялась картинка при наведении? Понятия не имею куда тут впихнуть hover и в инете не могу найти подобное.
Почитайте про наследование в CSS.
[href*="/user/register"]:hover{
}
просто дописывайте :hover к селектору и будет Вам наведение
Уже делал так, но эффекта нет. Показывает старую картинку, которую показывает без селектора.
кэш css после добавления [href*="/user/register"]:hover сбрасывали?
пробел убери между скобкой квадратной и двоеточием
да да,кеш сбрасывал. возможно я не туда вписываю сам код селектора? я добавляю код в оформление-настройки-AT Commerce в ПОЛЬЗОВАТЕЛЬСКИЕ СЕЛЕКТОРЫ.
вранье, не писал я такого))
допишите это в любой CSS-файл, который прописан в info-файле Вашей темы
и это к сожалению тоже не помогает. вписал код:
[href*="/user/register"]:hover {
background:url(/images/2.gif) round;
}
в файл styles.settings.css в теме, которая установлена. вот уж проблема(
так и я не писал такого
ну а через Фаербаг, стиль :hover подтягивается при наведении на объект?
через фаербаг я не нахожу :hover вообще и раньше так было. значит я все таки что то не так делаю.
П.С. если styles.settings.css в папке, то нужно поменять /images/2.gif на ../images/2.gif, тобишь сначала выйти из папки, а потом зайти в images и т.д.
проверил у себя, дописал в CSS
[href*="ссылка"] {
color: red;
}
[href*="ссылка"]:hover {
color: green;
}
работает норм. Попробуйте как я просто с цветами (что бы исключить кэш браузера и возможные проблемы с background и путями имаг). Если сработает - дописать остальное как нужно. Если нет - попробуйте скопировать ссылку через ПКМ -> копировать адресс ссылки с хттп:// и всем прочим. И не забывайте чистить кэш CSS. В итоге, должно получится определить чего не так выходит
Сделал с полным адресом (ссылкой), все так же, без изменений и ставил вместо картинки - цвет.
На самой странице регистрации, есть другие две кнопки "у меня есть аккаунт и регистрация" и у них точно такие же ссылки, как я и указал выше /user/register и /user/login. вот на этих кнопка все работает и hover тоже, но на главной странице не хочет
ну тогда !important
скрин бы на эту кнопку в фаербаге, а в идеале, конечно, ссылка была бы лучше
Всем привет! Кто нибудь-подскажет, как убрать непонятный крякозябр в виде небольшого белого треугольника, что проявился в названии одного из пунктов (только того, что имеет выпадающие подпункты) главного меню после добавления второго меню на Superfish? Причем эта аномалия появляется исключительно на страницах, где выводится меню superfish. Вот такая страница http://hmu.bogdan.ua/?q=node/36. Белый треугольник на пункте главного верхнего меню "Сервис" хочу убрать. Версия jQuery 1.8. Пробовал и другие. В настройках блока меню superfish тоже все перерыл и не получилось отыскать причину бага.
Заранее благодарен за любые советы.
Мне вот интересно люди которые пишут вопросы на форуме они просто так занимаются вебом как хобби ,или берут заказы и зарабатывают на этом*?