-Метки

1 Апреля paint windows бесплатно блог браузеры бродилка видео видео урок вязание генераторы генераторы фото гимнастика делаем рамки для дневника для лиру дневник здоровье изучаем компьютер интернет картинка картинки клипарт кнопки для дневников кнопочка кнопочки кнопочки перехода код код для блога код для дневника коды коды html коды и формулы комментарии+код компьютер лиру мои уроки музыка оформление дневника пасха подборка поздравление полезная информация полезно полезное помощьв компьютере праздники программа программа фотошопа программы рамочки рамочки для текста рамочки простые рамочник редактор россия рунет сайт сайты самоучители сервисы сериалы онлайн советы для чайников советы по компьютеру ссылка ссылки стихи упражнения для талии урок урок для новеньких урок от misskcu уроки уроки paint уроки для блогов уроки для новичков лиру уроки лиру уроки фотошоп уроки фотошоп для начинающих уроки-рамки учебник по фотошопу фильм фильмы фильмы онлайн фитнес флеш-часики флеш-эпиграфы формула формулы фотографии фоторедактор фотошоп фотошоп онлайн фотошоп онлайн эдитор цветы цветы и код эпиграф это интересно это полезно знать юмор яндекс-фотки

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в Нина_Беляева

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 12.02.2014
Записей:
Комментариев:
Написано: 395


Онлайн редактор для создания кнопок для постов и сайтов.

Суббота, 22 Марта 2014 г. 23:54 + в цитатник
Цитата сообщения Umna_ja Онлайн редактор для создания кнопок для постов и сайтов.


Привет!

Сегодня, я расскажу о таком замечательном сервисе,

«Da Button factory»

С помощью этого сервиса, можно за считаные минуты создать свою кнопку для поста или сайта, не владея при этом никакими графическими редакторами.

Как же он работает?

Заходим на сайт и видим вот что.

4155944_1 (700x294, 46Kb)

 

Видим, что все на английском языке – не пугаемся, редактор поддерживает кириллицу.

 

Окошечко ниже, это тот формат кнопки, который вам собственно нужен.



 

Либо вы вставляете кнопку кодом, либо просто картинкой.

Тут я советую всегда выбирать формат PNG

Для тех, кто не в курсе – данный формат поддерживает прозрачный фон, вообще любого изображения.


 

Далее, как показано на скрине, мы выбираем форму самой кнопки.

Ее радиус (округленность)

Где написано Градиент (gradient)

Мы выбираем цвет нашей кнопочки.

Border (бордюр) - вокруг кнопки.

Поэкспериментируйте с к SHADOW – тень нашей кнопки.

 

 

Size (это величина нашей кнопки)

Тут вы тоже можете менять ее на свое усмотрение.

Теперь, мы можем ее просто скачать на свой компьютер.

Нажав вот сюда.

 

Либо скопировать адрес в буфер обмена.

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

Но если вам нужна кнопка для сайта и вы немного разбираетесь в

Стилях CSS

 


Тогда нужно сделать так, как показано на скрине, и вы получите готовый код для сайта вашей кнопки!

Ну, вот и все, мы просто, а главное очень быстро, сделали нужную нам кнопочку, не прибегая к помощи графического редактора!!

 

Теперь жмем на кнопочку и переходим на сайтик!

 

Удачи!!


 

Серия сообщений "Освоение компьютера *Umna.ja*":
Часть 1 - "Как правильно установить или удалить Flash Player"
Часть 2 - Виджет с фотографиями профилей Mail.ru на своем сайте
...
Часть 5 - Изучаем форматы текстовых файлов
Часть 6 - Очень полезное приложение к браузеру Mazila Firefox
Часть 7 - Онлайн редактор для создания кнопок для постов и сайтов.
Часть 8 - По просьбам новичков!!
Часть 9 - Специальная вставка в Microsoft Word ?
Часть 10 - Как посмотреть свои сохраненные пароли?

Серия сообщений "Учимся делать рамочки":
Часть 1 - Урок. Как правильно вставить содержимое своего поста в рамочку.
Часть 2 - Рамочки для текстов
...
Часть 23 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 24 - Урок 5. Делаем вместе рамку с уголками.
Часть 25 - Онлайн редактор для создания кнопок для постов и сайтов.

Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку