Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   Общие вопросы о Flash (не затрагивающие ActionScript) (http://www.flasher.ru/forum/forumdisplay.php?f=60)
-   -   Flash меню с выпадающим над html пунктами меню (http://www.flasher.ru/forum/showthread.php?t=114745)

Clode 07.08.2008 17:48

Flash меню с выпадающим над html пунктами меню
 
Всем привет!
Подскажите пожалуста, хочу сделать красивое flash меню так чтобы его пункты при наведениии наползали на html тект. Как это сделать и вообще возможно ли это?
Всем заранее спасибо, за любые ответы.

goblin1822 08.08.2008 18:09

хороший вопросик.....сам долго думал. По ходу дела, нельзя, поскольку форма элементов Флэш прямоугольная. Хотелось бы чтоб я был неправ

skald 08.08.2008 19:00

:taunt:
буквально на прошлой неделе я с тем же столкнулся )))
тоже поплакал на форуме ... ни одного ответа :wacko:

в результате нашел решение, но не самое оптимальное ...

заколбашиваете менюху в слой и делаете прозрачный бг ...
(по этим вопросам милион топиков)

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

да и кстати большинство пользовотелей используют 19" (1280*1024)
так что при позиционировании можно ровняться на это разрешение.

skald 08.08.2008 19:15

если бы еще ктонить подсказал, можно ли изменить точку привязки слоя!!!!!
и все ... если можно, то это прекрасное решение .... правдо в нетскейпе не будет работать :rtfm: ...
ну и на его :cool:

Eric Gurt 10.08.2008 19:03

в хмтле есть функции получентия позиции, от левого верхнего угла сайта, любого элемента с присвоенным заранее ID. Не помню как функция называлась, но кажется только работает под IE.. попоробуй поискать в MSDN-ке по смыслу..

skald 12.08.2008 12:09

это то ясно ))) там все проще ...
но у слоя позиционируется верхний левый угол ... , можно ли изменить эту точку привязки? к примеру на верхний центр )))))

Snut 12.08.2008 12:48

эммм.... а если создать ваше меню с рабочей областью флеша например 400*100 а выпадать оно будет на области 400*300 и при вставке в хтмл указать размер области в % и абсолютное позиционирование дива?

pirog™ 12.08.2008 15:09

Код:

<div style="position: absolute; top: 0px; left: 50%; margin-left: -200px;">
<...флешка шириной 400px (соответственно margin-left берем минус половина от ширины флешки)...>
</div>

Таким образом, флешка будет сверху по центру не зависимо от ширины экрана.

Кстати, есть еще скрипт, который убирает в IE "Click to activate ActiveX Control"
http://code.google.com/p/swfobject/ - очень прост в использовании и убирает надоедливую рамку вокруг флешки в эксплорере.
Также позволяет с использованием <z-index и position: absolute> кроссбраузерно размещать html поверх флеши, если поставить для флеша wmode=transparent

skald 12.08.2008 16:03

pirog спасибо за ответ ... оч интересная тема со смещением :)

snut а как задать рабочую область и область выпадания меню?
у меня оно обычно обрезается по границе рабочей области :(

:drinks:

pirog™ 12.08.2008 16:47

можно сделать так:
если тебе точно известно, что меню выпадает вниз максимум, например, на 300px, то задаешь рабочую область 300px; рисуешь вверху рабочей области основное меню, при наведении на которое будет вылетать выпадающее меню (для определенности - пусть его высота будет, например 100px); соответственно, оставшиеся 200px рабочей области оставляешь пустыми; и пишешь следующий код:
Код:

<div style="position: absolute; top: 0px; left: 50%; margin-left: -200px;">
<...флешка с прозрачным фоном шириной 400px (соответственно margin-left берем минус половина от ширины флешки)...>
</div>

<div style="margin-top: 100px;"> <!-- то есть сдвигаем вниз на высоту основного меню - у нас 100px -->
...Content...
</div>



Часовой пояс GMT +4, время: 20:53.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.