06 января 2008 ~ 16 Комментариев

Красивые и простые «Wii» кнопки

Дизайн

bbbb

Я так и не понял как эти кнопки связаны с игровой приставкой Wii, видимо я просто не знаком с интерфейсом этой приставки.

Кнопки прекрасно выглядят и могут придать вашему дизайн единость для всех браузеров. Очень радует минимализм в реализации один css файл, одна картинка, два html тега.

Работает во всех браузерах —IE5.5, IE6, IE7, Safari 2, Firefox 2, Opera 9.

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

Коды для вставки кнопок:

<!-- Оформление для ссылок --->
<a class="button" href="#"><span>Привет, я кнопка.</span></a> 

<!-- Оформление для отключенной кнопки --->
<del class="button"><span>Привет, я кнопка.</span></del>

<!-- Оформление для буттонов --->
<span class="button"><button type="submit" value="Привет, я кнопка.">Привет, я кнопка.</button></span>

Для таких красивых кнопок код очень прост.

Живой пример

Выглядит неплохо, не правда ли?

Качайте архив со всем необходимым и встраивайте кнопки в ваши интерфейсы

Скачать архив с css и картинкой

Посетить страничку автора

16 Комментариев для “Красивые и простые &laquo;Wii&raquo; кнопки”

  1. Alexxz 6 августа 2008 at 18:23 Permalink

    Не хочу расстраивать, но сабмит батн при выключеннос ЖС тут не сделать, так чтоэто даже кнопками сложно назвать.

    Ответить
  2. epsyl 6 августа 2008 at 19:01 Permalink

    Выглядит неплохо, не правда ли?

    ага, если бы текст так криво не отображался, выглядели бы неплохо, правда

    Ответить
  3. Jman 6 августа 2008 at 19:17 Permalink

    ага, если бы текст так криво не отображался, выглядели бы неплохо, правда

    Ну шрифт и текст можно поправить самому

    Ответить
  4. Я собственной персоной 6 августа 2008 at 19:58 Permalink

    ага, если бы текст так криво не отображался, выглядели бы неплохо, правда

    Какой у вас браузер?

    Не хочу расстраивать, но сабмит батн при выключеннос ЖС тут не сделать, так чтоэто даже кнопками сложно назвать.

    Ну если делать кнопки исключительно ссылками, то проблема решается.

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

    Ответить
  5. Миша Абасов 6 августа 2008 at 22:15 Permalink

    Я так и не понял как эти кнопки связны с игровой приставкой Wii, видимо я просто не знаком с интерфейсом этой приставки.

    Да, я знаком с Вии и у нее именно такие кнопки в интерфейсе. только большие-большие.

    Ответить
  6. jeenart 7 августа 2008 at 3:44 Permalink

    Задумка супер, туговато с реализацией….

    Ответить
  7. Александр | xes 7 августа 2008 at 20:06 Permalink

    А вот под линуксом в третьей лисе картинки разъехались/ Жуть какая-то/

    Ответить
  8. Евгений Смольянинов 8 августа 2008 at 6:47 Permalink

    Я вообще не представляю как я не знал об этом месте раньше!
    Это респект! Здесь такие вещи даются, явно эксклюзив.
    А CSS фишки, просто нет слов.
    Огромное спасибо автору что порой находит силы побороть лень
    и выложить очередную эксклюзивность.
    Ставлю ссылку у себя на блоге, пусть и мои посетители знают об этом месте.
    С наилучшими пожеланиями!

    Ответить
  9. Александр 8 августа 2008 at 23:24 Permalink

    Ничего, симпатичненько смотрятся, а «кпопки» это специально так написано?:)

    Ответить
  10. Я собственной персоной 9 августа 2008 at 1:38 Permalink

    Ничего, симпатичненько смотрятся, а «кпопки» это специально так написано?:)

    Я сейчас прочитал и подавился. Тваюш мать как я мог не замечать это все время x_X

    Ответить
  11. Я собственной персоной 9 августа 2008 at 1:43 Permalink

    Кажется я в это время думал точно не о веселых кнопках.

    Ответить
  12. ert2 9 августа 2008 at 5:29 Permalink

    Кнопки не фантан. Больше красивостей!

    Ответить
  13. MyOST 11 августа 2008 at 3:47 Permalink

    «Красивные и простые «Wii» кнопки»

    Может КРАСИВнЫЕ ? – без маленькой буковки? ;)

    Ответить
  14. ainu 12 августа 2008 at 13:57 Permalink

    Я сейчас прочитал и подавился. Тваюш мать как я мог не замечать это все время x_X

    Зато весело!

    Ответить
  15. Lora-lora 12 сентября 2008 at 23:15 Permalink

    Достаточно интересная и познавательная тема

    Ответить
  16. Семен Бруква 10 апреля 2009 at 18:34 Permalink

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

    Ответить

Оставить комментарий