Русские документы
Ежедневные компьютерные новости RSS rusdoc.ru  Найти :
Новости
Последние поступления
Книжный магазин
  Hardware:
Видеоустройства
Системные платы
Процессоры
Мобильные устройства
Аудиосистема
Охлаждение системы
Накопители информации
КПК и ноутбуки
Телефоны и связь
Периферия
Система
Сети
Разные устройства
 
  Programming:
Web-разработка
Языки программирования
Технологии и теория
Разработка игр
Программная инженерия
 
  Software:
Операционные системы
Windows 7
Базы данных
Обзоры программ
Графика и дизайн
   
  Life:
Компьютерная жизнь
Разные материалы
   
Партнеры
Публикация
Правовая информация
Реклама на сайте
Обратная связь
Экспорт в RSS Экспорт в RSS2.0
    Читать в Яндекс.Ленте



9 статей на тему круглых кнопок

Раздел: Programming / Вебмастеру @ 16.07.2008 | Ключевые слова: дизайн кнопок круглые кнопки версия для печати

Автор: Grayscale
Источник: habrahabr

9 статей на тему круглых кнопок

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

Здесь представлены .

Оригинал статьи на Временно.нет

Создание круглых ссылок-кнопок с помощью CSS


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

Creating bulletproof graphic link buttons with CSS



Владимир Токмаков: Рамки, тени, кнопки, плашки


К минусам пожалуй относится достаточно сложная релизация данного способа. К плюсам конечно то, что здесь используется PNG с уже исправленым багом в IE. Статья на русском.
Владимир Токмаков: Рамки, тени, кнопки, плашки



Создание и оформление кнопок с изменяемыми размерами


Минус: тег button не всегда удобен для использования. Плюс: эффект нажатия.
Создание и оформление кнопок с изменяемыми размерами



Круглые уголки, интересные варианты


Минус: слишком большое количество тегов i при реализации. Плюс: не зависит от размера шрифта, быстрое создание нового скина, не зависит от фона на котором лежит, при отключенных картинках белая ссылка будет на нужном фоне (в данном случае оранжевом). Статья на русском.
Круглые уголки, интересные варианты



Создание кнопок с простым CSS и HTML


Минус: простота оформления. Плюсы: не зависит от размера шрифта, всего один файл для создания оформления и очень простая реализация.
Создание кнопок с простым CSS и HTML



CSS овальные кнопки


Минус: наличие div`а при реализации, два файла картинок.
CSS овальные кнопки



Простые круглые кнопки с помощью CSS (Wii Buttons)


Плюсs: всего один файл для создания оформления, очень простая реализация, достаточно красивое оформление.
Простае круглые кнопки с помощью CSS (Wii Buttons)



Оформление кнопки с помощью «раздвижных дверей»


Минусы: два файла картинок, проблемы с эффектом нажатия кнопки. Плюсы: красивое оформление.
Оформление кнопки с помощью «раздвежных дверей»



Создание красивых кнопок с помощью CSS


В минусах этого метода так же наличие двух картинок для фонов. Плюс: очень простая реализация.
Создание сексуальных кнопок с помощью CSS

Это интересно:








версия для печатиРаспечатать статью


Вернуться в раздел: Programming / Вебмастеру


Реклама:
Читать наc на:

Add to Google
Читать в Яндекс.Ленте






Rambler's Top100
© Copyright 1998-2012 Александр Томов. All rights reserved.