Как сделать кнопку для сайта?Задача "сделать кнопку для сайта" на первый взгляд кажется весьма не простой, так как требует умения не только мастерски обращаться с фотошопом (в обычном paint красиво не полусится) но и некоторых знаний в области сайтостроения. И часто сделать хотя-бы вот такую вот простую кнопочку для сайта: 
кажется весьмя непостежимой задачей для начинающего вебмастера! Но, не смею вас огорчать! Данная кнопочка сделана не имея проффесиональных навыков програмиста и знаний фотошопа. Есть один сервис (правда на иностранном языке, но в нем легко разобраться), на котором данную кнопочку сделать очень просто даже чайнику. И не только такую, есть разнуе шаблоны, можно менять цвета, шрифты и дизайны. И так, переходим по ссылочке: 
Image by Cool Text: Free Logos and Buttons - Create An Image Just Like This Суть в том, что вы выбираете шаблон нажав на ссылку "Logos", а потом корректируете кнопочку как вам угодно и нажимаете "Create Button", потом получаете 2 картинки и самый обычный HTML-код, без каких либо сложных CSS. Потом скачиваете 2 картинки с данной кнопочкой, так как при наведении курсора мышки кнопка должна менять свой вид (так она будет заметнее и кликабельнее), и загружаете эти 2 картинки в директорию, где расположен веб-файл, на котором надо установить кнопку. А HTML-код ставим в веб-файле в то место, где нам нужно поставить кнопку. Ну вот и все! Без подводных камней не бывает конечно, рекомендую вам обратить внимание только на вот эту кнопочку: 
И еще на вот эту: 
Поскольку нам надо чтоб картинка при наведении курсора меняла свой внешний вид. Ну посмотрите еще сами, может со временем там еще какие-то новые шаблоны кнопок появятся, но в данный момент я вижу перспективу вот в этих двух указанных выше. Их размеры, цвета и текст можно менять как угодно. А вообще, можно даже и не пользоваться данным сервисом, просто скопируйте HTML-код указанной выше кнопочки "ДА" просмотрев исходный код данной странички, и делайте свои кнопочки в фотошопе. Еще раз, не пугайтесь! Для кнопочки достаточно сделать только 2 картинки и поставить на сайт самый обычный HTML-код вот такого типа: <a href="http://eleronnet.cc.ua/index.html" target="_blank"><img src="cooltext116804821809596.png" onmouseover="this.src='cooltext116804821809596MouseOver.png';" onmouseout="this.src='cooltext116804821809596.png';" /></a> Без каких либо CSS и языков веб програмирования! Просто при наведении курсора мышки одну картинку (вот эту: cooltext116804821809596MouseOver.png), будет менять другая картинка (вот эта: cooltext116804821809596.png), и все! Удачи вам! |
Заработок в интернетеМоя страничка тут:♦ Лучшая социальная сеть |
|
|
|
| |