Сделайте красивую кнопку для своего блога

Набрела в интернете на интересный on-line сервис Alex Button v2.3 Generator. Находится по адресу http://www.onlinebuttonsecrets.com

С его помощью можно сделать вот такую красивую кнопку совершенно бесплатно:


Как ее сделать?

Зайти на вышеупомянутый сайт.

Во вкладке Design выбрать цвет для фона кнопки в неактивном состоянии, цвет фона активной кнопки и цвет фона уже посещенной кнопки. Для этого кликнуть по соответствующей строке:
Default Border
Hover Border
Pressed Border
и выбрать цвет для каждого состояния кнопки.

Во вкладке Customize вписать в форму нужную вам надпись на кнопке, выбрать ее размер и уточнить, что вы хотите иметь: просто кнопку или форму для сообщений + кнопку.

В следующее поле ввести ID Формы или URL с которым должна быть связана кнопка.

И, наконец, во вкладке Use получить код кнопки

Дальше все просто. Копируете код в первом фрейме и вставляете его между тегами

<HEAD> </HEAD>

Код из второго фрейма вставляете в то место на странице, где вы хотите видеть вашу кнопку.

Вот и все.

Помощь по разблокировке

Для того чтобы снять блок и увидеть ссылку на закачку, подпишитесь на обновления блога.

* Ваше имя: 

* Ваш e-mail: 

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

Пользуйтесь кодом только из последних, пришедших вам на Email, писем.

Хотите получать новые полезные статьи каждую неделю?

К посту "Сделайте красивую кнопку для своего блога" оставлено 12 коммент.
Посмотреть последние комментарии
  1. Спасибо за сервис. А можно сделать так чтобы эта кнопка отображалась на каждом посте в блоге, но при этом указывала на разные файлы для скачивания? Т.е. первый пост-первый файл; второй пост-второй файл и.д. Помогите пожалуйста мне решить данный вопросс.

    • Можно. Вставляете в каждую статью код кнопки, ищете в этом коде класс alexButton

      < div class="alexButton_v4O_Default" >
      < a href="" class="alexButton_v4I" target="_blank" >Отправить< /a >
      < /div >

      А в нем ссылку и в атрибуте href="" этой ссылки пишете нужный вам адрес скачиваемого файла. Для каждой статьи свой.

      • Большое Человеческое Спасибо ВАМ!!! Мучился с созданием кнопки 2 дня. Вот теперь еще кнопку красивую сделаю и будет вообще супер.

        P.S. Занес блог в RSS читалку. Так что я теперь за Вами следить буду пристально)))

  2. Да кнопка неплохая, ну ее можно сделать и так, кто разбирается в верстке, без внедрения лишних стилей с этого сайта

  3. Совсем не сложно нарисовать собственную кнопку в Photoshop - именно ту, которая нужна Вам, которая впишется в дизайн вашего сайта. Вот тут можно посмотреть как это делается _http://www.noystem.ru/2011/02/kak-sdelat-krasivuyu-knopku-dlya-sajta/

  4. я тоже думаю что в фотошопе можно сделать гораздо интереснее, причем фантазия и возможности будут неограниченны, а в данном примере очень мало возможностей...ну для начала сойдет)

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

    • Я не знаю такого плагина - ничего не могу посоветовать.

  6. Очень полезный сервис и времени на создание кнопки уходит минимум и вставить её на блог не составит труда. Спасибо!

  7. Ксана Спасибо Вам за море полезной и нужной информации. Почерпнул много полезного.

  8. Здравствуйте, Ксана!
    А у меня вопрос такой - у меня в самом верху сайта есть кнопочки страниц. Они на прозрачном фоне, их совсем не видно. Я хотела бы сделать для них черный цвет. Знаю, что это меняется в стиле, но где именно не могу найти, не понимаю этот язык) И также у меня в сайт-барах с обеих сторон цвет шрифта (не самого заголовка, а именно шрифта в описании - даты календаря, названия рубрик и т.д.) бледно-серого цвета, их тоже совсем не видно. И тоже не знаю, что надо искать в стиле и что менять. Хотелось бы просто черный цвет. Подскажете, что надо сделать?

    • Цвет можно поменять в атрибуте color для вашего текста.
      Черный цвет - color: #000;

      А за цвет фона отвечает атрибут background.

      Соответственно, черный фон - background: #000;

Здесь вы можете написать отзыв

*

Внимание: все отзывы проходят модерацию.