Как сделать самую простую кликабельную кнопку с надписью
Из блога Галины Шадриной
Как сделать самую простую кликабельную кнопку с надписью! Для этого воспользуемся вот такой формулой
А теперь поподробнее. Формула выглядит вот так
Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта,http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта
Используйте по своему усмотрению:
для перехода по ссылкам (кликабельная картинка), статусы, надписи, заголовки в постах и прочее....все зависит от вашей фантазии!
За оценки и комментарии
Меня попросили рассказать, как я делаю свои рамочки в программе фотошоп.
Дизайн рамочки каждый придумывает сам, пользуясь инструментами в фотошоп, то ли она прямоугольная, то ли овальная, то ли нестандартной формы. Используя картинки, рисунки в формате PNG (т.е. на прозрачном слое), анимацию и фоны мы фантазируем и творим наши шедевры. Главное нужно помнить, что средняя часть рамочки должна быть без рисунка (желательно однотонной), чтобы лучше был виден текст.
Также в уголочке рамочки напишите свой логин, чтобы было видно кто ее автор.
Ну вот рамочка окончена и теперь нам нужно ее перенести в простой редактор нашего сообщения. Есть много способов, о них написаны много сообщений, но я расскажу как это делаю я.
ПЕРВОЕ - если ваша рамочка не находится на прозрачном слое ( т.е. если границы рамочки имеют стандартную форму), мы ее сохраняем в формате JPEG.
ФАЙЛ-СОХРАНИТЬ КАК- ТИП ФАЙЛОВ (выбираем формат JPEG).
ВТОРОЕ - если ваша рамочка необычной формы, с выходящими за границу цветами, фигурной рамкой и т. д., мы сохраняем ее в формате PNG.
ФАЙЛ-СОХРАНИТЬ КАК-ТИП ФАЙЛОВ (выбираем формат PNG).
ТРЕТЬЕ - если в вашей рамочке присутствует анимация, сохраняем ее в формате GIF. ФАЙЛ-СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ- выбираете один из вариантов изображения, щелкаете по нему и затем выставляете значения как на картинке. В строчке , где написано МАТОВЫЙ - выбираете НЕ ПОКАЗЫВАТЬ:
Все элементы кликабельны, выбранный элемент открывается в альбоме Яндекса, нажимаете на кнопку в нижнем правом углу "В размере", выбираете "оригинал" или какой вам нравится и затем можете сохранить себе.
Если не хотите сохранять себе в комп, делаем так...
нажмите на "Код для вставки на сайт или в блог" вам откроется код картинки копируйте его и вставляйте куда вам угодно ))
Nataliya_Bezushko
Если пост понравился, можно нажать "Нравится" и Проголосовать
ПОДПИСЫВАЕМ КНОПОЧКИ С ПОМОЩЬЮ САЙТА ОНЛАЙН ФОТОШОП ИЗ БЛОГА Галина Шадрина
Сегодня я покажу как можно подписать имеющиеся у вас кнопочки, с помощью сайта онлайн фотошоп. Сделать это несложно, и подписать можно любую кнопочку.,ЗАХОДИМ НА САЙТ и нам открывается вот такое окно. Жмем кнопку загрузки с компа, находим папочку с кнопками, и жмем на нее. Посмотрите обязательно какой у вас язык, так как этот сайт поддерживает русский. Кнопочка уже загрузилась, начинаем ее подписывать. Для этого на панели инструментов,жмем на кнопку с буквой А Теперь щелкаем мышкой по картинке, и в появившемся окошечке пишем текст. Выбираем шрифт, размер, цвет и стиль. Надпись сразу появляется на кнопочке.Мышкой берете ее и подправляете, что бы встала на место. Теперь сохраняем кнопочку. Сохранить надо внимательно, чтоб не появлялся белый фон на прозрачных кнопочках. Жмем вверху ФАЙЛ, и выбираем СОХРАНИТЬ После нажатия СОХРАНИТЬ, система предложит вам несколько вариантов.Выбираем ПРОЗРАЧНЫЙТочно так же на этом сайте можно подписывать любую картинку или фото. Вот и все.Кнопочка ваша готова, подписана. Теперь остается сделать ее кликабельной. Для тех, кто не умеет это делать, даю ее формулу вот в этом окошечке. АДРЕС ССЫЛКИ, подставите адрес сайта, куда поведет ваша ссылка. Вместо слов URL АДРЕС КАРТИНКИ, ставите адрес вашей кнопочки. ЭТО КОД РАДИКАЛА №1. Если кнопочка ваша на прозрачном фоне, то не забывайте снять галочки на радикале, как это показано ВОТ ЗДЕСЬ, что бы вновь не появился белый фон. Подробнее, как пользоваться этой формулой можно ПОСМОТРЕТЬ ЗДЕСЬ. Как все это сделать прямо из своей папки, не открывая радикал расскажу в следующем уроке. А сейчас несколько кнопочек для вашего творчества. И еще один замечательный сайт с кнопочками на все темы, где вы найдете как подписанные кнопочки, так и без надписи. САЙТ С КНОПОЧКАМИ ЗДЕСЬ.Из блогаГАЛИНЫ ШАДРИНОЙ
Дорогие друзья!
Вы, наверное, часто видели на страницах интернета части текста, которые красиво обрамлены простой на вид рамкой, иногда с включением в неё текста, картинки или даже анимации. В этом уроке я научу вас это делать.
Итак, чтобы заключить часть текста или несколько каких-то объектов в рамку, нужно поместить этот текст или объекты в контейнер
В итоге мы получаем вот так вот оформленный текст:
В качестве легенды - слово:
У вас есть открытка, рамочка, картинка , которую вы хотите подарить друзьям.
Для этого под этой картинкой ставится окошко с кодом этой картинки.
Как же это сделать?
В окно сообщения вы вставляете код картинки:
Сегодня делаем кнопку со звуком! Потому что мне поступило несколько просьб и предложений рассказать о том, как сделать "говорящую" кнопку выключения компьютера. Да, собственно, мы можем не только ее озвучить, можно вообще сделать так, что на каждый чих ваш компьютер отвечать будет.
Nataliya_Bezushko
Посмотрите обязательно какой у вас язык, так как этот сайт поддерживает русский. 
Кнопочка уже загрузилась, начинаем ее подписывать. Для этого на панели инструментов,жмем на кнопку с буквой А 
Теперь щелкаем мышкой по картинке, и в появившемся окошечке пишем текст. Выбираем шрифт, размер, цвет и стиль. Надпись сразу появляется на кнопочке.Мышкой берете ее и подправляете, что бы встала на место. 
Теперь сохраняем кнопочку. Сохранить надо внимательно, чтоб не появлялся белый фон на прозрачных кнопочках. Жмем вверху ФАЙЛ, и выбираем СОХРАНИТЬ 
После нажатия СОХРАНИТЬ, система предложит вам несколько вариантов.Выбираем 
И еще один
Сегодня делаем кнопку со звуком! Потому что мне поступило несколько просьб и предложений рассказать о том, как сделать "говорящую" кнопку выключения компьютера. Да, собственно, мы можем не только ее озвучить, можно вообще сделать так, что на каждый чих ваш компьютер отвечать будет. 
width="200" height="30" border="0">.
.
.
