Можно ли такое меню сверстать? @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
На страницу 1 2  >  Страница 1 из 2 [ Сообщений: 41 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Alex Sli
новый человек
0
Сообщения: 70
Зарегистрирован: 30.06.04
Откуда: Киев
Заголовок сообщения: Можно ли такое меню сверстать?
Сообщение Добавлено: 31 Март 2005, 14:16:55 
Всем привет,

Есть картинка с менюхой. Можно ли сверстать это таким образом чтобы при наведении на текст, кружочек менялся цветом например...
Помогите плиз. Я уже незнаю чё делать..

Заранее большое спасибо.

Изображение

_________________
Спасибо ВСЕМ = ВСЕМ Спасибо :-)
pixeldeception Муж.
участник
1
Сообщения: 1043
Зарегистрирован: 25.02.05
Сообщение Добавлено: 31 Март 2005, 14:23:10 
rollover?
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 14:24:23 
Fireworks умеет упрощать такие процессы. Polygon Slice Tool.

_________________
We've got the big memory and the small memory. The small memory's to remember the small things and the big memory's to forget the big ones.
.sv Муж.
новый человек
0
Сообщения: 127
Зарегистрирован: 29.04.04
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 14:27:42 
можно отрезать картинку, сделать ее map'ом, а кружки div'ами сделать. при наведении указателя на надпись менять visibility у нужного дива.

_________________
В начале был бит, а не слово, как утверждают некоторые.
[AD]
Alex Sli
новый человек
0
Сообщения: 70
Зарегистрирован: 30.06.04
Откуда: Киев
Сообщение Добавлено: 31 Март 2005, 14:28:05 
pixeldeception, да, при наведении чтоб менялась картинка.. просто я незнаю как такое вообще порезать правильно... или может ненадо вообще резать...

Crazy, а как именно это сделать? Скажите по подробнее, пожалуйста... Спасибо.

_________________
Спасибо ВСЕМ = ВСЕМ Спасибо :-)
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 14:53:21 
Как это сделать? Нарезать указанным инструментом, назначить Behaviors и экспортровать. Начни -- и тогда появятся конкретные вопросы.

_________________
We've got the big memory and the small memory. The small memory's to remember the small things and the big memory's to forget the big ones.
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 14:55:32 
Через html - такое меню, по любому, будет себя вести неодназначно. Поэтому это меню лучше всего реализовать через флеш.

Но если html - жесткое требование. Тогда через usemap и яваскрипт.
pixeldeception Муж.
участник
1
Сообщения: 1043
Зарегистрирован: 25.02.05
Сообщение Добавлено: 31 Март 2005, 14:56:49 

POLL писал(а):
Через html - такое меню, по любому, будет себя вести неодназначно. Поэтому это меню лучше всего реализовать через флеш.

Но если html - жесткое требование. Тогда через usemap и яваскрипт.



:lol:
Бaзиль Муж.
участник
49
Сообщения: 1288
Зарегистрирован: 13.02.05
Откуда: Околомосковье
Сообщение Добавлено: 31 Март 2005, 14:57:35 
Crazy, можно и так ©Иосиф Вессарионович

еще можно на флэш.

а можно наделать прозрачных gif-ок, чтобы менялся только цвет фона у низлежащего div'а..или у ячейки таблицы (я этого не говорил :fie: :cool: ). По крайней мере, лишних картинок не будет и не будет геморроя со всякими там прелоадерами.

_________________
Не кочегары мы, не плотники,
Но сожалений горьких нет -
Как нет?
А мы дизайнеры-художники,
И с высоты вам шлем привет -
Привет!
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 15:00:45 
В area через onmouseover и прочие прописать наложение

<area alt="" shape="poly" coords="170,125,161,91,193,84,210,119,206,149,177,149" onmouseover="" …>
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 15:02:14 
pixeldeception,
Че смешного?
Скажите и я посмеюсь
Alex Sli
новый человек
0
Сообщения: 70
Зарегистрирован: 30.06.04
Откуда: Киев
Сообщение Добавлено: 31 Март 2005, 15:05:31 
POLL, ага... ща буду пробовать..

Всем огромное спасибо..

_________________
Спасибо ВСЕМ = ВСЕМ Спасибо :-)
pixeldeception Муж.
участник
1
Сообщения: 1043
Зарегистрирован: 25.02.05
Сообщение Добавлено: 31 Март 2005, 15:06:24 
Мне смешно то, что вы добровольно будете использовать flash на главном блоке сайта для того, что бы "кружочки красненьkим подсветить" при наведении мышки. :laugh:
Бaзиль Муж.
участник
49
Сообщения: 1288
Зарегистрирован: 13.02.05
Откуда: Околомосковье
Сообщение Добавлено: 31 Март 2005, 15:13:18 
pixeldeception, в таком случае для оправдания есть смысл сделать весь сайт на флэш...что, собссснно, зачастую и наблюдается - делают весь сайт на флэш, чтобы понтовенько подсвечивать менюшку :lol:

_________________
Не кочегары мы, не плотники,
Но сожалений горьких нет -
Как нет?
А мы дизайнеры-художники,
И с высоты вам шлем привет -
Привет!
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 15:20:41 

POLL писал(а):
Через html - такое меню, по любому, будет себя вести неодназначно.



"Не люблю кошек. От них шерсть, запах..." (c)
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 15:34:15 

pixeldeception писал(а):
Мне смешно то, что вы добровольно будете использовать flash на главном блоке сайта для того, что бы "кружочки красненьkим подсветить" при наведении мышки. :laugh:



Во-первых, как я понял, вы до конца так и не поняли, в чем "соль" этого меню написанного через html... Сколько строчек кода, с сколько противоречий в разных браузерах. Советую начать просмотр через 5-тую оперу - вот будет здорово...
Во-вторых, для такого небольшого и скорее всего презентационного сайта - флешка будет только к месту. Плюс в дополнении с косым написанием разделов можно использовать и вспомагательные эффекты...
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 15:37:59 

Crazy писал(а):

POLL писал(а):
Через html - такое меню, по любому, будет себя вести неодназначно.



"Не люблю кошек. От них шерсть, запах..." (c)



Вы, однозначно, не согласны со мною, да? :)
Таки, думаете, что в том же ослике, в той же опере, в мозилке и нетскейте - все будет гладко?
Или what?
Alex Sli
новый человек
0
Сообщения: 70
Зарегистрирован: 30.06.04
Откуда: Киев
Сообщение Добавлено: 31 Март 2005, 15:53:15 
Ребята, а можно ли на флешу (свф) положить сверху хтмл (непример короткую ленту новостей). Тоесть может быть как бы новости запихнуть в div с зэд-индексом + 1 или как то так?

Заранее спасибо.

_________________
Спасибо ВСЕМ = ВСЕМ Спасибо :-)
pixeldeception Муж.
участник
1
Сообщения: 1043
Зарегистрирован: 25.02.05
Сообщение Добавлено: 31 Март 2005, 15:53:50 
POLL, Будет. 20 WMZ наспор? ;)

ЗЫ. Ессно я не имею ввиду версии 1.0 (не считая Лисы) и около того... Нормальные рабочии версии.
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 16:17:34 

Alex Sli писал(а):
Ребята, а можно ли на флешу (свф) положить сверху хтмл (непример короткую ленту новостей). Тоесть может быть как бы новости запихнуть в div с зэд-индексом + 1 или как то так?

Заранее спасибо.



Положить (с позиционировать) то можно, только нафига так извращаться?

Если меню будет на флеш - это будет какой-то блок, по бокам от него спокойно можно через хтмл конструировать.
А если весь хидер будет роликом - тогда новости нужно во флеше реализовать.

В целом, при кодинге я придерживаюсь своего правила,
чем код проще - тем он лучше.
Это значит, что если нужную нам опцию можно реализовать несколькими способами - я выбиру более уместный с точки зрения логики и кроссплатформенности...
В данном случае - при таком нестандартном сложном меню, не вписывающимся в ячейки - флеш самое оптимальное.[/b]
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 16:26:28 

POLL писал(а):
Вы, однозначно, не согласны со мною, да? :)



Я не согласен с категоричностью.


Цитата:
Таки, думаете, что в том же ослике, в той же опере, в мозилке и нетскейте - все будет гладко?



В IE, шестой и седьмой операх, файрфоксе -- открылось правильно. Давайте так: вы мне покажете, в каком конкретно браузере и как именно ломается код, который формирует Fireworks, а там и продолжим. Ok?
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 16:28:07 

pixeldeception писал(а):
POLL, Будет. 20 WMZ наспор? ;)

ЗЫ. Ессно я не имею ввиду версии 1.0 (не считая Лисы) и около того... Нормальные рабочии версии.



Вопрос - не в том, получится или не получится такое меню, причем совместимое с различными браузерами. Вопрос в другом - какой способ окажется более оптимальным. И в этой связи, для этой задачи - флешка самый подходящий способ.

А если вам делать нечего - тогда, давайте сделайте, подсобите Alex Sli с менюшкой. И если во всех браузерах (7 штучек) через которые я смотрю каждый свой проект - оно будет работать, я вам заплачу 20 гринов.
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 16:31:55 
Разговор об оптимальности без указания критерия -- демагогия по определению.

_________________
We've got the big memory and the small memory. The small memory's to remember the small things and the big memory's to forget the big ones.
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 16:33:29 

Crazy писал(а):

Цитата:
Таки, думаете, что в том же ослике, в той же опере, в мозилке и нетскейте - все будет гладко?



В IE, шестой и седьмой операх, файрфоксе -- открылось правильно. Давайте так: вы мне покажете, в каком конкретно браузере и как именно ломается код, который формирует Fireworks, а там и продолжим. Ok?



Что у вас открылось?
Вы по картинке сделали map с наложением и в перечисленных браузерах оно (наложение при наведении) сработало так как нужно?

Или что у вас там открылось?
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 16:35:00 

Crazy писал(а):
Разговор об оптимальности без указания критерия -- демагогия по определению.



Кроссплатформенность, например. Или вы так не считаете?
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 17:14:37 

POLL писал(а):
Вы по картинке сделали map с наложением и в перечисленных браузерах оно (наложение при наведении) сработало так как нужно?



Естественно. А как еще это можно понять? Как сообщение о том, что я нашел в интернете сообщение о высадке марсиан в пригороде Питера и оно у меня правильно открылось в разные браузерах? :)
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 17:17:12 

POLL писал(а):
Кроссплатформенность, например. Или вы так не считаете?



Кроссплатформенность может быть критерием приемлемости решения, но никак не оптимальности. Почувствуйте разницу.

Критериями оптимальности могут быть сложность разработки, объем кода и т.п.
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 17:23:56 
Crazy,

Цитата:
Естественно. А как еще это можно понять? Как сообщение о том, что я нашел в интернете сообщение о высадке марсиан в пригороде Питера и оно у меня правильно открылось в разные браузерах?



Понять можно по разному :)
Ну, раз у вас уже есть готовый код для приведенного выше меню - выложите его с удовольствием протестирую в 5-ой опере, в 6-м нетскейте … :))))
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 31 Март 2005, 17:35:43 

Crazy писал(а):

POLL писал(а):
Кроссплатформенность, например. Или вы так не считаете?



Кроссплатформенность может быть критерием приемлемости решения, но никак не оптимальности. Почувствуйте разницу.

Критериями оптимальности могут быть сложность разработки, объем кода и т.п.



Хорошо, перефразирую.
Когда я принимаю решение (в этом случае), я исхожу из оптимальности той или иной технологии под поставленные перед нами задачи. Оптимальность технологии главным образом определяется универсальностью (кроссплатформленностью), скоростью/нагрузкой на систему, возможностью встраивания дополнительных функций...

Объем кода и пр. элементы - составные части описанных критериев.
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 18:07:56 
POLL, кроссплатформенность либо есть (скрипт работает на всех нужных тебе платформах), либо ее нет (на одной из низ -- не работает). Это как осетрина -- не бывает второй свежести.

Поскольку Fireworks формирует код, который адекватно работает в современных браузерах, то этот критерий решение не нарушает. Если есть желание что-то сказать еще по существу -- милости просим. Начать стоит со списка несовместимостей.

А абстрактных измышлений более не надо, please. Либо открой отдельный топик, чтобы не мешать автору этого.

_________________
We've got the big memory and the small memory. The small memory's to remember the small things and the big memory's to forget the big ones.
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 31 Март 2005, 18:09:49 

POLL писал(а):
Ну, раз у вас уже есть готовый код для приведенного выше меню - выложите его с удовольствием протестирую в 5-ой опере, в 6-м нетскейте … :))))



Извини, ломает резать еще раз. Если автор сделает -- покажет.
Акела Муж.
Констататор
17
Сообщения: 7419
Зарегистрирован: 15.11.04
Сообщение Добавлено: 1 Апрель 2005, 03:58:53 
POLL, а ещё можете в Линксе. А также в третьем Эксплорере. По моему было достаточно чётко сказано про НУЖНЫЕ платформы. Демагогия.
POLL Муж.
соучастник
17
Сообщения: 632
Зарегистрирован: 30.10.03
Откуда: Ростов-на-Дону
Сообщение Добавлено: 1 Апрель 2005, 09:39:37 

Акела писал(а):
POLL, а ещё можете в Линксе. А также в третьем Эксплорере. По моему было достаточно чётко сказано про НУЖНЫЕ платформы. Демагогия.



Нет таких платформ, как нужные и не нужные.
Есть распространенные и только.

Диалог начал терять свою сущность и начал уходить в сторону.

Напомню, нужно было реализовать нестандартное меню.
Было предложенно два способа решеающих задачу
1 - меню через флеш
2 - меню через map и js.

Оба решают задачу, но с моей точки зрения, именно для этого способа, флешка более оптимальна...
pixeldeception Муж.
участник
1
Сообщения: 1043
Зарегистрирован: 25.02.05
Сообщение Добавлено: 1 Апрель 2005, 10:23:06 
Блин, ну не оптимальна она (флэшка)! Легче - да, но не оптимальна! Подумайте о миллионах, у кого не установлен флэш. Как они будут навигировать по сайту? Об этих бедных секретаршах, сидящих на 36.6 кбс... Да, если сайт из разряда мега-копораций, или дизанерского толку, то установленный флэш-плеер у юзеров можно считать де-факто. Ну не пришло еще то время, когда у всех он установлен. И уж тем более далеко не у всех есть желание и возможность его устанавливать.
Акела Муж.
Констататор
17
Сообщения: 7419
Зарегистрирован: 15.11.04
Сообщение Добавлено: 1 Апрель 2005, 10:26:02 
POLL, есть (сюрприз!) до сих пор многие банковские и финансовые системы работают только при наличие у пользоателя ИЕ. Соответственно их разработчикам глубоко насрать на проблемы Оперы. Я бы хотел посмотреть на разработку с разрешением 1024 для пользователей браузера WebTV или игнорирование сайтами о юниксовых проблемах, игнорирующих недостатки не самого распространённого браузера Конкверор. И ни в одном кошмарном сне не приснится в сосременных словиях требование заточки сайта под ИЕ5, который вполне распространён, но дефолты которого противоречат всем остальным браузерам. Так что именно "нужные и ненужные" для данного конкретного случая. Также как и в этом случае. Если сайт расчитан исключительно на Москву, есть вероятность принятия заказчиком решения о безальтернативном флэше. Если аудитория сайта может включать предприятия и поселковые администрации, к примеру, то такое решение будет неверным, поскольку там зачастую никто просто не в состоянии устаноить флэш-плэер и с испугу закроет сайт.

Задача же эта имеет ещё минимум два решения. Но они требуют несколько большей квалификации разработчика, поэтому нет смысла о них говорить. В рамках заданых условий предложенного Crazy вполне достаточно.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
На страницу 1 2  >  Страница 1 из 2 [ Сообщений: 41 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100