урок- как сделать простую кликабельную кнопочку
04-03-2017 22:32
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Шадрина_Галина Оригинальное сообщение
Делаем самую простую кликабельную кнопочку с надписью.
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Шадрина_Галина Оригинальное сообщение
Делаем самую простую кликабельную кнопочку с надписью.
 [400x100]Для этого воспользуемся вот такой формулой А теперь поподробнее. Формула выглядит вот так  [показать]Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта  [показать]Теперь переносим его на нашу кнопочку. Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так  [показать]А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ. Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите. Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ. Выглядеть теперь наша запись будет вот так  [показать]Вот и все. Теперь наша кнопочка будет выглядеть вот так, и нажав на нее, вы попадете на сайт с анимашками. Таким образом вы можете делать простейшие кнопочки для любых сайтов и блогов, использовав эту формулу. Можно вместо слов на кнопочку вставить мелкую картинку, например со стрелочкой, звездочкой и пр. Вот код этой кнопочки. Вместо слов АДРЕС СТРАНИЦЫ, вновь подставляем адрес странички, куда поведет кнопка, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес. Я взяла звездочку, с того же сайта, на который мы и делали кнопочку. Картинки там мелкие и очень удобные для того что бы делать такие кнопочки. Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его. Теперь наша кнопочка выглядит вот так. Можно сделать кнопочку, где будет и картинка и текст. Вот этот код Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ. Тогда наша кнопочка будет выглядеть вот так Можно так же такую кнопочку сделать на любом фоне, и с всплывающей подсказке. Вот этот код. Все аналогично, вместо слов вставляете адреса картинки, странички куда поведет кнопка, адрес фона. И ВНИМАНИЕ - здесь на кнопке можно писать всплывающий текст. Это значит, что при НАВЕДЕНИИ МЫШКОЙ НА КНОПКУ ВСПЛЫВЕТ ПОДСКАЗКА. Наведите мышкой на кнопочку пониже, и увидите как это будет выглядеть. Тогда наша кнопочка будет выглядеть так! Вот и все. Для вашего удобства, все выше приведенные коды кнопочек я сейчас сделаю табличкой, что бы удобнее было пользоваться. Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне, с всплывающим текстом - Как самому сделать оригинальную кнопочку в фотошопе онлайн ЭДИТОР, смотрим И еще один замечательный сайт с уже готовыми кнопочками на все темы, где вы найдете как подписанные кнопочки, так и без надписи. Жмите на эту кнопочку. Успехов! Надеюсь у всех все получится! [400x100] |
Вы сейчас не можете прокомментировать это сообщение.
Дневник урок- как сделать простую кликабельную кнопочку | NadCig - Дневник Поморочки |
Лента друзей NadCig
/ Полная версия
Добавить в друзья
Страницы:
раньше»