11 марта 2009 в 13:05
Требуется одноуровневое меню состоящее из картинок (без текста). Чтобы с свободном состоянии показывалась одна картинка, при наведении мышкой вторая, выбранный пункт - третья, наведение мышкой на выбранный пункт - четвертая. Вообщем, есть сайт не на друпале, а требуется его переделать на друпал с сохранением внешнего вида основных страниц. Подскажите пожалуйста.
Комментарии
По-моему, это не вопрос по Друпал, а вопрос по ЯваСкрипт.
Хорошо, поставим вопрос по другому. Есть готовое меню на ЯваСкрипт (допустим). Как его прикрутить к сайту на Друпале?
Это вопрос по CSS )))) и зачем тут javascript???
У каждой линки есть параметры link, hover, active вот и дайте каждому параметру свою картинку.
А для подключения javascript в друпале есть два известных мне способа писать код в живую на шаблоне или использовать drupal_add_js();
Может, nicemenu? dhtmlmenu?
Лучше покажите меню
Сайт писал не я и связаться с автором возможности нет. Разобраться как там все работает оказалось выше моих сил (а работает местами глючно). В настоящий момент потребовалось добавить на сайт пару новых разделов... И появилось желание переделать все на Друпале, но с сохранением стиля сайта. www.travina.ru
Флеш? у меня белая страница.
Нет. не флэш, но если разрешение экрана меньше 1024Х768 то выдает либо белую страницу, либо сообщение, что недостаточно разрешения экрана.(при 1024Х768 и больше показывает нормально). Но вообще глюки там есть и весьма для меня непонятные... Как я понимаю, еще и от браузера что то зависит. В ИЕ - точно все нормально.
IE7, 1280*1024 белая страница.
В лисе нормально - это JS, но такое меню легко можно сделать именно стилями без всяческих трудностей. и дополнительных модулей.
Честно говоря, не совсем понимаю как стилями можно сделать выделение активного пункта. В принципе я практически разобрался как такое меню реализовать с помошью модуля imageset. Остался вопрос про один из параметров - там есть параметр "CSS selector", который как я понимаю отвечает какраз за то, какому состоянию кнопки соответствует какая из картинок. Не совсем понял философию автора зачем этот параметр задается строковой переменной, которую нужно вводить вручную, если состояний кнопки фиксированное количество, то почему было не сделать выбором из списка? Как узнать (где прочитать) какому состоянию кнопки соответствует какое значение этого параметра? Конкретно не нашел значение активного (выделенного) пункта, в момент, когда на него наведен курсор мыши.
Очень странно, у меня тоже - IE7, 1280*1024 и все работает. Там в начале происходит несколько переадресаций ( цель которых мне не совсем ясна, но там точно определяется разрешение Вашего экрана), возможно у вас отключены автоматические переадресации.
P.S. Надеюсь, что "заказчик" этого не потребует, но на всякий случай сразу уточню. На исходном сайте как я понял фреймовая структура и меню расположенно неподвижно. В Друпале это реализуемо? И еще пункт "об авторе" всегда оказывается в левом нижнем углу экрана (вне зависимости от разрешения экрана пользователя), сделано это криво, т.к. считается из координат экрана, а не из размеров видимой области окна (т.е. если просмотр осуществляется в не максимизированном окне, то пункт просто становится недоступным). Вообщем, вопрос реально ли в Друпале узнать размеры рабочей области активного окна браузера? Догадываюсь, что вопрос это не по Друпалу, а по PHP но вдруг тут кто подскажет? Еще раз повторю, что очень надеюсь, что это мне потребуется "для общего развития", а не для этого сайта.
в CSS
a.active {
background: #000;
font: 16px/100% arial;
}
a:hover {
background: #505050;
font: 10px/100% tahoma;
}
a:vizited {
background: red;
font: 12px/100% verdana;
}
попробуйте и все поймете.
Но лучше почитать тут http://htmlbook.ru
2 Химический Али
А вот по этой ссылке http://www.travina.ru/index1.php?width=1280&height=1024&lang=0&bit=0 у Вас тоже белая страница?