Делаем самую простую кликабельную кнопочку с надписью. |
Для этого воспользуемся вот такой формулой А теперь поподробнее. Формула выглядит вот так Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта Теперь переносим его на нашу кнопочку. Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ. Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите. Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ. Выглядеть теперь наша запись будет вот так Вот и все. Теперь наша кнопочка будет выглядеть вот так, и нажав на нее, вы попадете на сайт с анимашками. Таким образом вы можете делать простейшие кнопочки для любых сайтов и блогов, использовав эту формулу. Можно вместо слов на кнопочку вставить мелкую картинку, например со стрелочкой, звездочкой и пр. Вот код этой кнопочки. Вместо слов АДРЕС СТРАНИЦЫ, вновь подставляем адрес странички, куда поведет кнопка, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес. Я взяла звездочку, с того же сайта, на который мы и делали кнопочку. Картинки там мелкие и очень удобные для того что бы делать такие кнопочки. Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его. Теперь наша кнопочка выглядит вот так. Можно сделать кнопочку, где будет и картинка и текст. Вот этот код Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ. Тогда наша кнопочка будет выглядеть вот так Можно так же такую кнопочку сделать на любом фоне, и с всплывающей подсказке. Вот этот код. Все аналогично, вместо слов вставляете адреса картинки, странички куда поведет кнопка, адрес фона. И ВНИМАНИЕ - здесь на кнопке можно писать всплывающий текст. Это значит, что при НАВЕДЕНИИ МЫШКОЙ НА КНОПКУ ВСПЛЫВЕТ ПОДСКАЗКА. Наведите мышкой на кнопочку пониже, и увидите как это будет выглядеть. Тогда наша кнопочка будет выглядеть так! Вот и все. Для вашего удобства, все выше приведенные коды кнопочек я сейчас сделаю табличкой, что бы удобнее было пользоваться. Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне, с всплывающим текстом - Как самому сделать оригинальную кнопочку в фотошопе онлайн ЭДИТОР, смотрим И еще один замечательный сайт с уже готовыми кнопочками на все темы, где вы найдете как подписанные кнопочки, так и без надписи. Жмите на эту кнопочку. Успехов! Надеюсь у всех все получится! |
Серия сообщений "Уроки для блогов":
Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 14 - Этот пост для тех, кто имел СВОЙ БЛОГ на майле
Часть 15 - Как и где найти ВСЕ свои метки в блогах, сохраненных на майле
Часть 16 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 17 - Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg
Часть 18 - Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.
Часть 19 - Сервисы, которые в считанные секунды сожмут любые картинки или фото без потери качества
Часть 20 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
Серия сообщений "ЦИТАТЫ из дневника Шадриной-1":ЦИТАТЫ из дневника Шадриной-1Часть 1 - Сайт, где можно в несколько минут, и очень легко анимировать свои фото
Часть 2 - На волнах моей и вашей юности.... Ретро...качаем и смотрим
...
Часть 16 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
Часть 17 - Как скопировать текст с сайта, который защищен от копирования.
Часть 18 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 19 - Пишите в Пепятке слова. Получается красиво и прикольно!
Часть 20 - Автоматическая ретушь портретов онлайн.
...
Часть 48 - Все о ссылках, оформление и коды.
Часть 49 - Он-лайн графические редакторы фотографий и изображений
Часть 50 - Бродилка по РУБРИКАМ моего дневника.
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |