Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Кнопка необычной формы


Автор: Serene 28.6.2008, 02:11
Здравствуйте, господа!
Хочется сделать кнопку ввиде многоугольника. Если делать картинкой, то надо чтоб через кнопку был виден фон.

Автор: Itsys 28.6.2008, 10:07
А чем тебе не подходит тогда gif или png с прозрачным фоном?

И причем здесь дизайн?

Автор: Serene 28.6.2008, 19:53
Я же написал, что нужна кнопка: чтоб нажималась. А с картинкой не знаю как сделать такой эффект. В общем надо именно форму кнопки изменить.

Цитата

И причем здесь дизайн?

Я не силен во всем этом и не знал где спросить. Если уж совсем не в тему, то думаю модераторы знают куда это отправить.

Автор: Zorak 29.6.2008, 00:17
Цитата(Serene @ 28.6.2008,  19:53)
Я же написал, что нужна кнопка: чтоб нажималась. А с картинкой не знаю как сделать такой эффект. В общем надо именно форму кнопки изменить.

Чтоб нажималась - ето просто изменения в блоке border’а в css-коде... а в блоке уже встроена картинка....

Автор: SelenIT 29.6.2008, 22:37
Чтобы кликабельная область была в виде многоугольника, имхо, единственное решение в рамках HTML+CSS - использовать прозрачную картинку с usemap и <http://www.w3.org/TR/html401/struct/objects.html#edef-AREA shape="poly">. А вот для кроссбраузерного визуального эффекта нажатия, имхо, без javascript не обойтись, как минимум в IE...

Автор: Zorak 29.6.2008, 23:21
Цитата(SelenIT @ 29.6.2008,  22:37)
Чтобы кликабельная область была в виде многоугольника, имхо, единственное решение в рамках HTML+CSS - использовать прозрачную картинку с usemap и <http://www.w3.org/TR/html401/struct/objects.html#edef-AREA shape="poly">. А вот для кроссбраузерного визуального эффекта нажатия, имхо, без javascript не обойтись, как минимум в IE...

=) в принципе согласен...

Автор: Serene 30.6.2008, 00:28
Спасибо за пищу для размышлений. Будем думать.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)