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

Автор:
(Людмила Лунева)

Веб-дизайнер и разработчик сайтов на wordpress

Набрела в интернете на интересный on-line сервис Alex Button v2.3 Generator. Находится по адресу http://www.onlinebuttonsecrets.com
С его помощью можно сделать вот такую красивую кнопку совершенно бесплатно:


Как ее сделать?
Зайти на вышеупомянутый сайт.
Во вкладке Design выбрать цвет для фона кнопки в неактивном состоянии, цвет фона активной кнопки и цвет фона уже посещенной кнопки. Для этого кликнуть по соответствующей строке:
Default Border
Hover Border
Pressed Border
и выбрать цвет для каждого состояния кнопки.
Во вкладке Customize вписать в форму нужную вам надпись на кнопке, выбрать ее размер и уточнить, что вы хотите иметь: просто кнопку или форму для сообщений + кнопку.
В следующее поле ввести ID Формы или URL с которым должна быть связана кнопка.
И, наконец, во вкладке Use получить код кнопки
Дальше все просто. Копируете код в первом фрейме и вставляете его между тегами

<head> </head>

Код из второго фрейма вставляете в то место на странице, где вы хотите видеть вашу кнопку.
Вот и все.
P.S. К сожалению, сервис уже не работает :(.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1

(1 голос, в среднем: 5 из 5)

Комментарии

  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;

  9. Добрый вечер, Ксана! Подскажите, пожалуйста, как сделать страницу FAQ как у Вас, чтобы было видно только вопросы, а после нажатия на значок - ответы.Спасибо!

    • Плагин advanced-spoiler вам в помощь.

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

Войти, чтобы написать отзыв.

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

Топ комментаторов
АватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватар
Самые комментируемые записи
Самые читаемые записи

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

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

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

Постов 204
Отзывов 4506