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

Вторник, 19 Ноября 2013 г. 00:19 + в цитатник

Цитата сообщения Novichok56

Прочитать целиком В свой цитатник или сообщество!

ДЕЛАЕМ ПРОСТУЮ КЛИКАБЕЛЬНУЮ КНОПКУ

ДЕЛАЕМ ПРОСТУЮ КЛИКАБЕЛЬНУЮ КНОПКУ
ИСТОЧНИК: БЛОГ ГАЛИНЫ ШАДРИНОЙ

Как сделать самую простую кликабельную кнопку с надписью! Для этого воспользуемся вот такой формулой

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

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

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

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

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

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

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

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

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

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

Можно так же такую кнопочку сделать на любом фоне. Вот этот код.

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

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

Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -

Кому хочется делать кнопочки покрасивее и посложнее, уже готовые, то посмотрите ВОТ ЗДЕСЬ. Здесь ссылка на сайт с красивыми кнопочками, и описание как ими пользоваться!

Успехов! Надеюсь у всех все получится!
Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "♦ работа с кнопками":
Часть 1 - Делаем простую кликабельную кнопку
Часть 2 - Как сделать кнопку - Добавить пост в цитатник.
Часть 3 - Как перенести кнопку к себе в дневник (совет дня)
...
Часть 17 - Как составить кнопочку из кодов HTML для дневника.
Часть 18 - Делаем кнопку с полезными и любимыми сайтами.
Часть 19 - КОДЫ ОСНОВНЫХ КНОПОЧЕК

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

<a href="https://www.liveinternet.ru/users/e_ledi/post300138362/">Р”РµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ РєР»РёРєР°Р±РµР»СЊРЅСѓСЋ РєРЅРѕРїРєСѓ</a><br/>Р”Р•Р›РђР•Рњ РџР РћРЎРўРЈР® РљР›РРљРђР‘Р•Р›Р¬РќРЈР® РљРќРћРџРљРЈ

Р”Р•Р›РђР•Рњ РџР РћРЎРўРЈР® РљР›РРљРђР‘Р•Р›Р¬РќРЈР® РљРќРћРџРљРЈ
РРЎРўРћР§РќРРљ: Р‘Р›РћР“ Р“РђР›РРќР« РЁРђР”Р РРќРћР™

РљР°Рє СЃРґРµР»Р°С‚СЊ СЃР°РјСѓСЋ РїСЂРѕСЃС‚СѓСЋ РєР»РёРєР°Р±РµР»СЊРЅСѓСЋ РєРЅРѕРїРєСѓ СЃ РЅР°РґРїРёСЃСЊСЋ! Р”Р»СЏ СЌС‚РѕРіРѕ РІРѕСЃРїРѕР»СЊР·СѓРµРјСЃСЏ РІРѕС‚ С‚Р°РєРѕР№ С„РѕСЂРјСѓР»РѕР№

Рђ С‚РµРїРµСЂСЊ РїРѕРїРѕРґСЂРѕР±РЅРµРµ. Р¤РѕСЂРјСѓР»Р° РІС‹РіР»СЏРґРёС‚ РІРѕС‚ С‚Р°Рє

Р—РґРµСЃСЊ РЅР°РґРѕ Р·Р°РјРµРЅРёС‚СЊ СЃР»РѕРІР° РђР”Р Р•РЎ РЎРўР РђРќРР¦Р«, РЅР° С‚РѕС‚ Р°РґСЂРµСЃ, РєСѓРґР° РІС‹ С…РѕС‚РёС‚Рµ РїРѕРїР°СЃС‚СЊ СЃ РїРѕРјРѕС‰СЊСЋ СЌС‚РѕР№ РєРЅРѕРїРєРё.  Р”Р»СЏ РїСЂРёРјРµСЂР° Р±РµСЂРµРј СЃР°Р№С‚ РјРµР»РєРёС… Р°РЅРёРјР°С€РµРє, Рё РґРµР»Р°РµРј РЅР° РЅРµРіРѕ РєРЅРѕРїРѕС‡РєСѓ- РїРѕСЃС‹Р»Р°Р»РѕС‡РєСѓ.. Р’РѕС‚ Р°РґСЂРµСЃ СЌС‚РѕРіРѕ СЃР°Р№С‚Р°, http://fantasyflash.ru/index.php?&kontent=anime РєРѕС‚РѕСЂС‹Р№ СЏ РІР·СЏР»Р° РІ Р°РґСЂРµСЃРЅРѕР№ СЃС‚СЂРѕРєРµ СЃР°Р№С‚Р°

РўРµРїРµСЂСЊ РїРµСЂРµРЅРѕСЃРёРј РµРіРѕ РЅР° РЅР°С€Сѓ Рє... <a href="https://www.liveinternet.ru/users/e_ledi/post300138362/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Рубрики

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

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

-Друзья

-Статистика

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