Как на сайте сделать наша кнопка 10 фото

Как на сайте сделать наша кнопка

« На главную / Сайтострой / Сайт / Статья "Как сделать кнопку для сайта за 5 минут онлайн."

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

Вот пример кнопки:

Кнопка для сайта

Внимание! Кнопка рабочая!

В действительности работа над кнопкой для сайта на сервисе cooltext заняла у меня даже меньше пяти минут. 5 минут примерно ушло вместе с добавлением в пост.

Скажем откровенно в фотошопе над такой пришлось бы по… постараться ;) А так бац-бац и в точку!

Вот еще один пример трехминутной работы на cooltext:

Кнопка рабочая! Подпишись на RSS сайта по е-мэйл!

Если Вы конечно гений фотошопа, то ДА! Можете сделать себе кнопку для сайта красивше, но не факт что быстрее.

А если знаний в вышеописанной программе недостаточно или нужно делать несколько кнопок сразу, то онлайн-сервис тут как тут! В нем это ОЧЕНЬ просто! (можно на этом сайте делать также логотипы для сайта онлайн и баннеры, но получаются они скажем откровенно очень посредственными, хотя, возможно, это я мало времени уделил).

Итак, как сделать кнопку для сайта онлайн:

Заходите на главную страницу cooltext, это раз.

Внизу выбираете стиль кнопки -это два.

Пишите текст и настраиваете под себя все параметры кнопки и шрифта: цвет, размер, тень, эффект — на следующей странице и жмете кнопку «Render Button» -это три!

Фуууу! Замотался я с Вами пойду кофейку попью…

…ничто так не способствует написанию текстов, как свежесваренная натуральная арабика.

Что уже дальше сами разобрались? Нет? Ну тогда продолжим:

Далее скачиваем ДВЕ! а не три… кнопки ПОД КОТОРЫМИ НАПИСАНО Download Image.

Копируем код в тело сайта и всё) Ах да путь к кнопкам для сайта не забудьте прописать))))
где-то так:

<img src="http://dollar-zone.ru/img/cooltext9.png" onmouseover="this.src='http://dollar-zone.ru/img/cooltext9MouseOver.png';" onmouseout="this.src='http://dollar-zone.ru/img/cooltext9.png';">

Если кнопка находится в корне сайта, то по такому адресу она может не отображаться!!! В этом случае попробуйте прописать следующим образом:


<img src="http://img.dollar-zone.ru/cooltext9.png" onmouseover="this.src='http://img.dollar-zone.ru/cooltext9MouseOver.png';" onmouseout="this.src='http://img.dollar-zone.ru/cooltext9.png';">

Есть ещё один вариант: можно сделать не кнопку, а ленту в стиле web 2.0 в углу сайта. Смотрится она довольно прилично, к тому же замечательно привлекает внимание. Об этом я рассказал Вам в своём видеоуроке.

Внимание!!! Если Вам необходима кнопка с русским текстом, то делается это не сложно:
делаете кнопку без текста, далее открыв ее в фотошопе пишете текст(предварительно выбрав размер и стиль шрифта) и инструментом перемещение центрируете надпись как Вам необходимо.

Надеюсь, что информация о том как сделать кнопку за 5 минут онлайн бесплатно была Вам действительно полезной.

P.S. В комментах спросили и я решил дописать пост. Путь к картинке не только нужно прописать, но и сделать картинку ССЫЛКОЙ! А делается это следующим образом:


<a href="ссылка_на_которую_перейдет посетитель_после_нажатия_на_кнопку.ru" >путь_к_кнопкам </a>

Вокруг рисунка появится рамка (указывающая, что кнопка является ссылкой). Если она портит внешний вид, то в атрибутах рисунка укажите border="0"

Кстати, точно так же можно сделать картинку ссылкой!

Вот теперь точно все!

Если и этого оказалось мало, то прочитайте мою новую статью: Где и как разместить в интернете картинку (баннер, кнопку, логотип) бесплатно. Подробный мануал.

Как на сайте сделать наша кнопка 46
Как на сайте сделать наша кнопка фото
Как на сайте сделать наша кнопка 18
Как на сайте сделать кнопку подняться на верх
Как на сайте сделать наша кнопка 85
Как сделать кнопку для сайта самостоятельно
Как на сайте сделать наша кнопка 98
Как сделать заказ на нашем сайте
Как на сайте сделать наша кнопка 16
Как сделать кнопку наверх на блоге Блог Олега
Как на сайте сделать наша кнопка 73
Как сделать кнопку для сайта за 5 минут онлайн
Как на сайте сделать наша кнопка 40
Как сделать главную страницу сайта. Как сделать сайт
Как на сайте сделать наша кнопка 73
Как на сайте сделать наша кнопка 11
Как на сайте сделать наша кнопка 38
Как на сайте сделать наша кнопка 6
Как на сайте сделать наша кнопка 66
Как на сайте сделать наша кнопка 37
Как на сайте сделать наша кнопка 61
Как на сайте сделать наша кнопка 64
Как на сайте сделать наша кнопка 14
Как на сайте сделать наша кнопка 7
Как на сайте сделать наша кнопка 64
Как на сайте сделать наша кнопка 44