Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
1

Дизайнерское меню

17.03.2014, 20:26. Просмотров 1650. Ответов 23
Метки нет (Все метки)

Добрый день!
Дизайнер задизайнил меню на подобии приложенного.
При наведении на пункт он меняет цвет ровно как и полоска идущая от него и область на которую она ведет и наоборот, при наведении на область происходит все тоже самое.

Как реализовывается такое чудо?
0
Миниатюры
Дизайнерское меню  
Лучшие ответы (1)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.03.2014, 20:26
Ответы с готовыми решениями:

Как добавить выплывающее меню к уже готовому горизонтальному меню (не меняя дизайн горизонтального меню)?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"...

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

Выпадающее меню. Не фиксируется бордер раздела меню, при использовании подменю
Делаю выпадающее меню, почти все сделал, осталось по сути немного, и не могу закончить. Вот код:...

Выпадающее меню - разный размер шрифта для разных уровней меню
Есть у меня данный список, но возник вопрос: "как сделать чтобы в надписи буквы1 был шрифт 19px, а...

Работа меню при наведении, оставить фон основного меню
Добрый день! Помогите решить вопрос. Есть dropdown меню (белый буквы и черные фон) открывается при...

23
Pepsy
47 / 32 / 9
Регистрация: 05.01.2013
Сообщений: 307
17.03.2014, 21:24 2
поройте в сторону JS
0
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
17.03.2014, 21:47 3
интересная штука
покажи картинку при наведении, чтобы однозначно было что должно меняться
надо полагать оно должно кликаться?
а текст на картинках есть?
Цитата Сообщение от dielux Посмотреть сообщение
Дизайнер задизайнил меню НА ПОДОБИИ приложенного
хорошо бы конкретно, а не примерно, два раза делать не интересно
1
Taatshi
Администратор
11746 / 5100 / 257
Регистрация: 05.04.2011
Сообщений: 13,846
Записей в блоге: 2
18.03.2014, 12:45 4
dielux, меню сложное. Давайте картинку в реальном размере.
0
18.03.2014, 12:45
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
18.03.2014, 19:07  [ТС] 5
ну она там еще что-то дорабатывает, так что прям сейчас это несколько проблематично. я думал мне дадут пинка в какое-то направление, если это css.

в JS я ни в зуб ногой
0
monochromer
411 / 373 / 163
Регистрация: 03.01.2013
Сообщений: 966
18.03.2014, 22:20 6
dielux, Обязательно выложите макет меню, если дизайнер, конечно, разрешит. Или хотя бы jpg или png. Интересно посмотреть.
0
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
19.03.2014, 18:42  [ТС] 7
Прилагаю psd, пришлось архивировать ибо объем был больше допустимого, также прикладываю картинку для тех кому просто поглазеть.
Меню изначально затуманенное, при наведении становится насыщенней. Думаю по psd все понятно будет.
С уважением.
1
Миниатюры
Дизайнерское меню  
Вложения
Тип файла: 7z menu.7z (91.1 Кб, 8 просмотров)
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
19.03.2014, 21:32 8
Цитата Сообщение от dielux Посмотреть сообщение
Думаю по psd все понятно будет.
будет нормальный комплект картинок, будем думать, хорошо бы сразу и карту на картинку
Цитата Сообщение от dielux Посмотреть сообщение
При наведении на пункт он меняет цвет ровно как и полоска идущая от него и область на которую она ведет и наоборот, при наведении на область происходит все тоже самое.
цвета какие должны быть при наведении?
0
monochromer
411 / 373 / 163
Регистрация: 03.01.2013
Сообщений: 966
19.03.2014, 22:26 9
Цитата Сообщение от dielux Посмотреть сообщение
Прилагаю psd
Там png. Но все равно.
0
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
20.03.2014, 07:11 10
Цитата Сообщение от monochromer Посмотреть сообщение
Там png. Но все равно.
а у меня архив не открылся, rar ругается
0
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
20.03.2014, 08:00  [ТС] 11
Цитата Сообщение от monochromer Посмотреть сообщение
Там png. Но все равно.
Эпично. Извиняюсь. Перезалил в рар
0
Вложения
Тип файла: rar menu.rar (3.13 Мб, 5 просмотров)
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
20.03.2014, 16:42  [ТС] 12
Сделал все в Fireworks, но текст картинкой, нужно чтобы текст был строкой
0
Taatshi
Администратор
11746 / 5100 / 257
Регистрация: 05.04.2011
Сообщений: 13,846
Записей в блоге: 2
21.03.2014, 12:17 13
Ого! Ваш дизайнер - извращенец. newJS, есть варианты? Вся надежда только на тебя
0
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
21.03.2014, 12:30 14
Цитата Сообщение от Taatshi Посмотреть сообщение
newJS, есть варианты?
разумеется есть, и давно
будет нормальный набор картинок, будет код, принципиально
0
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
21.03.2014, 12:34  [ТС] 15
так я же приложил псд
0
Taatshi
Администратор
11746 / 5100 / 257
Регистрация: 05.04.2011
Сообщений: 13,846
Записей в блоге: 2
21.03.2014, 12:43 16
newJS, он сам не порежет - да и я бы не взялась - все зависит от способа реализации, который ты держишь в секрете
0
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
21.03.2014, 12:59 17
Цитата Сообщение от Taatshi Посмотреть сообщение
он сам не порежет - да и я бы не взялас
а кто должен, я что ли? мне и не чем и не мое это дело и не понятно какого все это должно быть размера

Цитата Сообщение от Taatshi Посмотреть сообщение
который ты держишь в секрете
да какой тут секрет, как сказал один скульптор, берете глыбу и отсекаете все лишние.тут немного наоборот, берете отдельные теги и складываете их в кучу
берем картинку ромба, делаем карту и отдельные маленькие картинки по карте, и все
обычная, стандартная карта, если кто то может сделать по другому, делайте

Цитата Сообщение от dielux Посмотреть сообщение
Меню изначально затуманенное, при наведении становится насыщенней.
мне что самому решать как оно должно быть, или таки хозяин это должен делать
Цитата Сообщение от dielux Посмотреть сообщение
Думаю по psd все понятно будет.
мне не понятно, мне его просто нечем смотреть
0
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
21.03.2014, 13:41  [ТС] 18
Цитата Сообщение от newJS Посмотреть сообщение
берем картинку ромба, делаем карту и отдельные маленькие картинки по карте, и все
ну при такой реализации пункты будут частью изображения, верно?
0
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
21.03.2014, 21:06 19
Цитата Сообщение от dielux Посмотреть сообщение
ну при такой реализации пункты будут частью изображения, верно?
нет, это текст, линия бордюром нарисована, а картинка она и в Африке картинка
0
dielux
6 / 6 / 1
Регистрация: 02.08.2013
Сообщений: 27
22.03.2014, 15:32  [ТС] 20
надеюсь я правильно нарезал
0
Вложения
Тип файла: 7z menu.7z (492.0 Кб, 5 просмотров)
22.03.2014, 15:32
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
22.03.2014, 15:32

Не пойму как в меню при наведении отобразить под меню
Сделал простенькое меню, как мне при наведении на ли отобразить ul что по умолчанию display none ...

Центровка пунктов в выпадающем меню по центру ul блока (Битрикс меню)
Всем привет! Требуется в выпадающем меню, т.е. в самых блоках выпадающего меню, сделать чтобы...

Нужный исходник меню..или силка на сайт где есть такое меню!!?
Кто подбросит силку на сайт где есть меню которое выезжает сверху в низ, или еще лучше сам исходник...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru