уникальный a:hover для каждого элемента меню

(Ответов: 3, Просмотров: 1392)
  1. Студент Аватар для emlonlife
    • Регистрация: 16.07.2011
    • Сообщений: 48
    • Репутация: 12
    Уже на многих форумах поспрашивал, ни кто ответа не дал. Правда, подсказали шаблон, где можно покопать и возможно откопать сей драгоценный клад для меня...
    Однако, хотелось бы понять КАК это сделать, мыслей нет вообще.
    Сразу прошу учесть - верстать только учусь, с css знаком очень слабо, так что если кто-то решится помочь, прошу разговаривать как со школьником 1-ого класса первого сентября :)
    К делу.
    Сверстал шаб для Joomla 1.5 через связку DreamWeaver CS4 + JTK Tools 3.1
    Соответственно получилась табличная верстка (в нем вообще по-другому можно? есть какая-нибудь стоящая литература по данной связке? Опять же прошу учесть практически нулевой уровень знаний в этой области).
    Модуль меню вставлен в index.php следующим кодом:
    PHP код:
    <table width="85%" border="0" align="center">
    <
    tr>
        <
    td width="10" align="right" valign="top"><jdoc:include type="modules" name="user1" style="table" /></td>
        </
    tr>
    </
    table
    Потом появилась необходимость задать цвет ссылки при наведении на нее курсора (a:hover) каждому элементу меню отдельно. Т.е. для элемента меню "Главная" - один цвет (нужно указать самому код цвета), для элемента "Раздел1" - другой и т.д.
    Понимаю как это сделать в html, но как сделать для модуля меню - ума не приложу. Модуль стандартный, mainmenu.
    Был бы очень благодарен за помощь!
    Скрытый текст (вы должны зарегистрироваться или войти под своим логином):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.


    ---------- Сообщение добавлено 13:51 ---------- Предыдущее 13:34 ----------

    Цитата Сообщение от Seref Посмотреть сообщение
    Каждому элементу присвойте имя
    Если бы все было так просто...
    Меню-то не статичный html-код, а модуль. Вся информация о меню, я так понимаю, хранится в БД.
    Есть вроде какие-то теги, типа "li.item1" и т.д. Может что-то с ними связано? Это не есть ли порядковый номер элемента меню?
    Если так, то как правильно их составить и привязать эти стили к моему меню в index.php
    Последний раз редактировалось emlonlife; 16.11.2011 в 19:36.
    • 0
  2. Дипломник Аватар для Faraday
    • Регистрация: 17.04.2011
    • Сообщений: 143
    • Репутация: 30
    Есть такие селекторы в CSS, как ИМЯТЕГА[attribute=value]
    Т.е теоретически вы можете каждой ссылке указать свой селектор в зависимости от адреса, куда она ведёт.
    Например.

    a[href=http://yandex.ru]{color:#fff} - белым цветом будет только ссылка у которой есть атрибут href и в которой он равен яндексу.

    смотрите подробнее тут http://www.w3.org/TR/CSS2/selector.html
    • 1

    Спасибо сказали:

    emlonlife(17.11.2011),
  3. Дипломник
    • Регистрация: 29.11.2009
    • Сообщений: 131
    • Репутация: 32
    Вариант с использованием js рассмариваете?
    1. Пишите стили для #link1:hover,#link2:hover и т.п.
    2. На jQuery, к примеру, делаете
    Код:
    $(".menu ul li a").each(function(index){
      $(this).attr('id','link'+index);
    });
    Этот код расставит айдишники вашим ссылкам в меню.
    Селекторы правда вам свои надо будет написать, я просто идю показал.
    • 1

    Спасибо сказали:

    emlonlife(18.11.2011),
  4. Студент Аватар для emlonlife
    • Регистрация: 16.07.2011
    • Сообщений: 48
    • Репутация: 12
    Всем спасибо, узнал новое)
    Но мне подсказали как сделать еще проще. Даже стыдно говорить:
    Для того чтобы изменить стиль вывода меню , зайдите в настройки модуля меню и измените на стиль список . У Вас сейчас видимо стоит стиль Legacy .
    Т.е. теперь все пункты меню имею класс "itemID", где ID - уникальный идентификатор. Осталось только прописать классы для каждого из них и все)))
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Превращу ваш исходник в уникальный текст! Напишу уникальный контент для ваших сайтов.
Копирайтинг, переводы, постинг 5 26.01.2015 22:21
Выравнивание элемента в blogspot
Web программирование 2 22.08.2011 06:38
php. Вставить переменную в значение элемента массива
Web программирование 9 16.03.2011 05:37
Использование социальных закладок в качестве маркетингового элемента
Дайджест блогосферы 6 24.12.2010 17:54

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры