Распечатать эту статью Распечатать эту статью Отправить статью по Email Отправить статью по Email

Как сделать кнопку для сайта?

Как-то раз при оформлении одного из своих сайтов проекта Орифлэйм 2.0, понадобилась мне красивая не стандартная кнопка, а где ее взять?

Как сделать красивую кнопку для сайта?

Как говорится: если не знаешь как - спроси, у того кто знает!!!

Почему-то я решил, что лучше всех знает, как делать красивые кнопки Харченко Константин!

И я спросил у него…

И, как оказалось, правильно сделал, что спросил!

Константин посоветовал мне бесплатный и простой интернет сервис позволяющий сделать кнопку онлайн.

Этот бесплатный сервис по изготовлению красивых кнопок и баннеров находится на сайте http://cooltext.com.

Но, не спешите на него заходить, посмотрите инструкцию в картинках :)

«Как сделать кнопку для сайта?»

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

Как сделать кнопку для сайта?

В конце этой статьи, будет еще такая же, нажав на которую, вы попадете на сайт позволяющий создать кнопку онлайн.

Зайдя на сайт сервиса создания кнопок и логотипов Вы увидите приблизительно такую картинку...

Как сделать кнопку для сайта?

В нижней части экрана выбирайте кнопку, с которой в дальнейшем будете работать

Как сделать кнопку для сайта?

Заполните необходимые поля в соответствии с их значением

Как сделать кнопку для сайта?

У меня получилось вот так:

Как сделать кнопку для сайта?

Обратите внимание в поле «Text» вторая строчка смещена пробелами не пропорционально относительно левой рамки, а на кнопке надпись стоит по центу.

Когда все поля заполнили, нажмите на кнопку «Render Button» и перейдете в следующее окно:

Как сделать кнопку для сайта?

Здесь, нажимайте «Download Image» для загрузки созданной кнопки к себе на компьютер или «Edit Logo» чтобы продолжить редактировать вашу кнопку!

Нажав, на «Download this Image» (сохранить картинку) появляется окно загрузки изображения кнопки.

Внимательно запоминайте в какую папку сохраняете файл с сервиса создания кнопок и логотипов к вам на компьютер. Чтобы было проще найти сохраняйте на "Рабочий стол" или в папку "Мои документы".

У меня процесс сохранения выглядел вот так:

Как сделать кнопку для сайта?

В зависимости от того, какой программой вы пользуетесь, у вас это может быть несколько иначе.

Ниже приведены примеры кнопок размещенных у меня на сайте, которые я сделал с помощью онлайн сервиса создания кнопок и логотипов.
Проверьте, они все работают!!!
Как сделать кнопку для сайта?    Как сделать кнопку для сайта?  
Как сделать кнопку для сайта?
Как сделать кнопку для сайта?
Как сделать кнопку для сайта?
Как сделать кнопку для сайта?
Как сделать так, чтобы созданные онлайн красивые кнопки работали, я расскажу в другой статье.
Как сделать кнопку для сайта?
Теперь смело нажимайте на кнопку переходите на онлайн сервис создания кнопки и логотипы, и пусть вам сопутствует успех!
Как сделать кнопку для сайта?
Продолжение следует!!!
Оставьте комментарий, если вам эта статья была полезна!

P.S.

Из комментариев, к этой статье: "Спасибо, что помогли зделать кнопку..." :)

— Пожалуйста, я рассказал как СДЕЛАТЬ кнопку, и рад, что у Вас это получилось!!!

 


Копирование и использование материалов сайта www.Oriflame20.ru разрешается, только при размещении активной ссылки на сайт www.Oriflame20.ru



Популярные записи:

You can leave a response, or trackback from your own site.

6 комментариев to “Как сделать кнопку для сайта?”

  1. Спасибо огромное! Это то, что мне сегодня нужно было! А нашла только у вас! Сделала себе симпатичную кнопочку

  2. Что самое интересное, что этот и все здесь созданные уроки не только полезны, но и ПОНЯТНЫ! 

    До этого искала и...поняла что часть интернета — это желательная находка для археологов(всемирная свалка. много что найдёшь, а полезного-то не так много!).

    Присоединилась к Вашему сайту уже давно по рекомендации Кости Харченко.

    Удачи, Успехов, Улыбок от пользователей!

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

  4. Спасибо за совет, как сделать кнопку! А где же почитать, чтобы она начала работать, а то что-то не клеится))

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

Следи за мной на Twitter