Меняющиеся картинки в меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Hostel_d, 06.12.2012.

  1. Offline

    Hostel_d Недавно здесь

    Регистрация:
    06.12.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Женский
    Всем привет! озадачилась вопросом создания меню из картинок стандартными возможностями joomla 2.5
    Вопрос : как сделать так, чтобы при наведении на область меню( одну из картинок ) картинка менялась на другую.
    Пример : имеем черно белое меню, при наведении меняется картинка на цветную.

    Если меню тип_текст:

    ul.ld-hmenu li.item-113:hover a{
    color: #FFFF00;
    }

    При наведении текст спокойно меняется.

    Если делаю вместо цвета картинку :
    ul.ld-hmenu li.item-113:hover a{
    background-image: url('../images/menuitem.png');
    }

    картинки нет.
    ----------------------------
    с css дружу плохо и джумлу использую всего неделю.
    шаблон сделан в артистре, в модуле ничего дополнительного типа" _up" не прописывала.
    возможно ли реализовать без установки доп модулей?
     

    Вложения:

    • CSS.txt
      Размер файла:
      35.3 КБ
      Просмотров:
      2
    Последнее редактирование: 06.12.2012
  2.  
  3. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 464
    Симпатии:
    305
    Пол:
    Мужской
    с css дружу плохо и джумлу использую всего неделю, шаблон сделан в артистре
    Оффтопик (не в тему) - жми сюда!


    с изображением много всего еще дописывать надо, например:

    background - сокращенный вариант записи для свойств фона:
    background-color
    background-image
    background-repeat
    background-attachment
    background-position

    + на 90% можно также предположить, что вы криво указали путь к картинке... попробуйте напрямую: www.site.ru/images/menu.jpg
     
  4. Offline

    Hostel_d Недавно здесь

    Регистрация:
    06.12.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Женский
    Спасибо вам огромное! и правда путь был кривой.
    Указала:

    ul.ld-hmenu li.item-113:hover a{
    color: #FFFF00;
    background-image: url('http://test.ru/images/123.png');
    }

    И вроде всё заработало )) @-}--

    Сейчас буду смотреть, одно но . картинка теперь под картинкой )))
     
    Последнее редактирование: 07.12.2012
  5. Offline

    Hostel_d Недавно здесь

    Регистрация:
    06.12.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Женский
    Не получилось у меня изменить картинку в ксс , она всё равно под старой появляется .
    Решила пойти другим путем.
    Значит в фотошопе 1ю картинку делаю полу прозрачную, а при наводе мышкой ставиться картинка 2 с полным цветом.
    Так вот, глюк следующий. там где нет разделов под меню, картинка встает нормально и глюков нет, а вот там где выпадающее меню при наведении появляется картинка что и на верху.

    /* смена картинок в меню главная */
    ul.ld-hmenu li.item-113.active a, li.item-113:hover a{
    background-image: url(../../../images/color/123.png);
    display: block;
    width: 85px;
    height: 102px;
    padding: 0 0px;
    background-position: left top;
    }
    /* конец */
    /* смена картинок в меню о нас */
    ul.ld-hmenu li.item-104.active a, li.item-104:hover a{
    background-image: url(../../../images/color/a.png);
    background-position:no-repeat;
    }
    /* конец */
     
  6. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 464
    Симпатии:
    305
    Пол:
    Мужской
  7. Offline

    Hostel_d Недавно здесь

    Регистрация:
    06.12.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Женский
    Не получилось, может не так прописываю(
     

Поделиться этой страницей

Загрузка...