Posts Tagged ‘css buttons’

Developing pretty buttons with css best practices

Понедельник, Ноябрь 16th, 2009

In this article I’ll show you how to make beautiful buttons to use these on your web pages using best practices. These buttons are:

  • Use only one picture for all states
  • Has a 3 states: the state of rest, when you hover the mouse and when clicked.
  • Having less of css code.
  • Can be easily embeded into any place of your web pages.
  • The text on the button is just text, not image.
  • Buttons can be of any width.

As a result, we have got these buttons:

preview

(далее…)

Делаем красивые кнопки с использованием лучших практик

Понедельник, Ноябрь 16th, 2009

В этом примере я расскажу, как сделать красивые кнопки для использования их на ваших веб-страницах использованием лучших практик. Эти кнопки будут:

  • Использовать всего лишь одну картинку для всех состояний
  • Поддерживать 3 состояния: состояние покоя, при наведении мыши, при нажатии.
  • Иметь малое количество CSS-кода
  • Легко встраиваться в любые места ваших веб-страниц
  • Текст на кнопке это именно текст, а не картинка.
  • Кнопки могут иметь произвольную ширину.

В итоге, мы получим такие кнопки:

preview

(далее…)