• Авторизация


Как сделать самую простую кликабельную кнопку с надписью!... 05-01-2012 01:56 к комментариям - к полной версии - понравилось!

Это цитата сообщения милена70 Оригинальное сообщение

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

http://blogs.mail.ru/mail/galina.lena/BB694E9761A5D6F.html

   
[400x100]

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

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



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

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

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

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

 


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

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

" />

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


 


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

TEКСT" />

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


 


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

" />

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



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


Текст на кнопке - Картинка на кнопке - " />
Текст и картинка на кнопке - TEКСT" />
Кнопка на фоне - " />

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

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


 

 

Серия сообщений "кнопки":
Часть 1 - ПОИСК ПО БЛОГУ от ЯНДЕКС...
Часть 2 - Без заголовка
...
Часть 22 - Одна кнопка для многих популярных сервисов...
Часть 23 - Как сделать самую простую кликабельную кнопку с надписью...
Часть 24 - Как сделать самую простую кликабельную кнопку с надписью!...

 

Серия сообщений "запись, надпись,текст":
Часть 1 - Без заголовка
Часть 2 - Делаем Текстовую ссылку...
...
Часть 20 - ВСЕ СТАТУСЫ РУНЕТА... красивые, интересные и прикольные фразы на все случаи жизни...
Часть 21 - ТАК ПИСАТЬ МОЖЕТ КАЖДЫЙ... полезность для написания сообщений... классная штукенция... уже испробовала...
Часть 22 - Как сделать самую простую кликабельную кнопку с надписью!...
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать самую простую кликабельную кнопку с надписью!... | машинное_вязание - Дневник машинное_вязание | Лента друзей машинное_вязание / Полная версия Добавить в друзья Страницы: раньше»