Красивая анимированная кнопка для сайта – создание и установка за 10 минут.

образец кнопкиПосвящается тем, кто спрашивал, как сделать красивую кнопку на сайте, меняющуюся при наведении курсора. Только не в формате флэш, как например здесь, а обычными растровыми картинками GIF или PNG. На моем сайте примерами могут послужить кнопочка “получать” – в  верху сайдбара, которая служит для подписки на статьи, а также мышь, в самом низу сайдбара, несущая в себе ссылку на страничку подписки на рассылку сайта. В первом случае для кнопки использованы 2 картинки PNG, во втором – 2 картинки Gif.

орущая мышь

Я сам не могу назвать себя экспертом по HTML или JavaScript, поэтому когда нужно в коде какие-то не слишком тривиальные вещи наладить, стараюсь обращаться к людям более сведущим, либо ищу подходящие готовые решения в сети.
По поводу этих меняющихся кнопок один знакомый программист говорил мне – существует много решений, какое из них правильное, сказать трудно. Зависит от многих факторов.

Я использовал 2 метода и оба из них работают. Они очень разные, какой из них более верный, я не знаю. Если кто знает – подсказывайте. (ещё…)

Делаем flash кнопку со ссылкой и вставляем на сайт

flash кнопкаНаучиться делать flash кнопку со ссылкой и вставлять ее на сайт, вовсе не так сложно, как может показаться некоторым начинающим дизайнерам и вебмастерам. Для этих целей, на мой взгляд, одним из лучших инструментов будет программа SwishMax.  Конечно, она служит именно для создания собственно кнопки, вставка на сайт делается  с помощью небольшого куска кода, о котором чуть позже.

Предлагаю вашему вниманию текстовый урок с картинками, а также видеоурок о создании  flash кнопки со ссылкой и вставке ее на сайт. (ещё…)