-Рубрики

 -Метки

Вечер НОСКИ афоризмы бабочки белки блины блог булочки варежки вареники, пельмени весна видео выкройка выпечка высказывания вязание спицами генераторы декор десерт дети женщина животные жизнь запеканки здоровье зима казахстан кексы кино компьютер кормушки котлеты кремы, глазурь кулич курица лепешки лето любовь манник масленица маффины мода мужчина музыка мультиварка насекомые натюрморты наш мир новый год обувь овощи одежда для собак своими руками оладьи осень пасха пейзажи пернатые печенье пинетки пирог пироги пирожные пицца платье поэзия праздники программы прочая выпечка разное рамочки для текста рождество розы россия рукоделие рулеты рыба салат собаки события сова советы старики сумки тапочки творог тесто торты украина уроки уроки вязания утро фрукты цветы шапки шарфы шитье шитье/животные юбка юмор яйца

 -Цитатник

Без заголовка - (0)

Удалениеь фона с фотографий автоматически Сайт, который убирает фон на фото с помощью искусстве...

Без заголовка - (0)

рыбный пирог рыбный пирог  Состав: -1 стакан кефира -1 яйцо -1 стакан муки ...

Без заголовка - (0)

Кулинарные сайты в Интернете Сайты кулинарных телепередач Лучшие кулинарн...

Без заголовка - (0)

Готовим пластиковые окна к зиме

Без заголовка - (0)

КОЛЛЕКЦИЯ ГЕНЕРАТОРОВ (очень много) Огромная коллекция генераторов.Более 500 ссылок.Собрана ...

 -Фотоальбом

Фотоальбом закрыт всем, кроме хозяина дневника.

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

Поиск сообщений в -_Stella

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

 

 -Статистика

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


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

Четверг, 20 Марта 2014 г. 17:50 + в цитатник
Цитата сообщения Шадрина_Галина

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

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




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


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


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


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


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


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


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

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



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



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




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



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




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



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


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

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


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


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



http://my.mail.ru/community/blog_galina.lena/73DD5DFB9CB79AA9.html

 


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

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 14 - Этот пост для тех, кто имел СВОЙ БЛОГ на майле
Часть 15 - Как и где найти ВСЕ свои метки в блогах, сохраненных на майле
Часть 16 - Делаем самую простую кликабельную кнопочку с надписью.
 
Рубрики:  Блог
Метки:  

 

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

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

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

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