-Рубрики

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

Поиск сообщений в KASSANDRA25

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

 

 -Статистика

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


Делаем самую простую кликабельную кнопочку с надписью.

Понедельник, 10 Августа 2015 г. 20:43 + в цитатник
Цитата сообщения Шадрина_Галина Делаем самую простую кликабельную кнопочку с надписью.

smilie
Очень часто нам требуются кнопочки, что сделать ссылку на какой то сайт, или сделать бродилочку по блогу, или чьим то урокам и т.д. Как сделать вот такую, самую простую кликабельную кнопку с надписью!




Для этого воспользуемся вот такой формулой


А теперь поподробнее. Формула выглядит вот так


Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта


Теперь переносим его на нашу кнопочку. Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так


А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ. Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите. Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ. Выглядеть теперь наша запись будет вот так


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


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

Можно вместо слов на кнопочку вставить мелкую картинку, например со стрелочкой, звездочкой и пр. Вот код этой кнопочки.



Вместо слов АДРЕС СТРАНИЦЫ, вновь подставляем адрес странички, куда поведет кнопка, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес. Я взяла звездочку, с того же сайта, на который мы и делали кнопочку. Картинки там мелкие и очень удобные для того что бы делать такие кнопочки.
Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его.
Теперь наша кнопочка выглядит вот так.



Можно сделать кнопочку, где будет и картинка и текст. Вот этот код




Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ. Тогда наша кнопочка будет выглядеть вот так



Можно так же такую кнопочку сделать на любом фоне, и с всплывающей подсказке. Вот этот код.




Все аналогично, вместо слов вставляете адреса картинки, странички куда поведет кнопка, адрес фона. И ВНИМАНИЕ - здесь на кнопке можно писать всплывающий текст. Это значит, что при НАВЕДЕНИИ МЫШКОЙ НА КНОПКУ ВСПЛЫВЕТ ПОДСКАЗКА. Наведите мышкой на кнопочку пониже, и увидите как это будет выглядеть. Тогда наша кнопочка будет выглядеть так!



ВНИМАНИЕ, ТЕКСТ НА КНОПОЧКЕ, можете спокойно редактировать- размер шрифта, цвет и прочее.
Вот и все. Для вашего удобства, все выше приведенные коды кнопочек я сейчас сделаю табличкой, что бы удобнее было пользоваться.


Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне, с всплывающим текстом -

Как самому сделать оригинальную кнопочку в фотошопе онлайн ЭДИТОР, смотрим ВОТ ЗДЕСЬ


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


Успехов! Надеюсь у всех все получится!
smilie



Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 14 - Этот пост для тех, кто имел СВОЙ БЛОГ на майле
Часть 15 - Как и где найти ВСЕ свои метки в блогах, сохраненных на майле
Часть 16 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 17 - Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg
Часть 18 - Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.
...
Часть 33 - Качаем и устанавливаем шрифты
Часть 34 - Как процитировать пост и сохранить в рубрике.
Часть 35 - Вставляем музыку в дневник из копьютера


Серия сообщений "уроки":
Часть 1 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 2 - >Самый удобный Радикал.
Часть 3 - Как позвонить на SIP бесплатно, без регистрации и установки ПО
Часть 4 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 5 - Вставляем музыку в дневник из копьютера
Часть 6 - Самый удобный Радикал.
...
Часть 10 - ИНСТРУКЦИЯ ДЛЯ ВСТАВКИ ***КНОПОЧКИ ДАЛЕЕ***
Часть 11 - Онлайн генератор для фотографий.
Часть 12 - Без заголовка

Метки:  
Понравилось: 1 пользователю

 

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

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

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

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