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:

Read the rest of this entry »

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

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

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

Read the rest of this entry »