Самостоятельно сделать кнопку
Самостоятельно сделать баннер
Генератор кнопок
Еще один сервис для того, чтобы создать кнопку для сайта онлайн. Хорошо работает, все просто.
Ссылку на свой сайт можно сделать, написав такой код:
<a href="http://адрес сайта" title="заголовок" target="_blank">текст ссылки</a> Понятно,что в своей ссылке вы должны поставить адрес и описание вашего сайта. Аналогично можно сделать ссылку с главной страницы сайта на другую страницу.
Видите баннер слева внизу (зелененький)? Рассказываю, как я его сделал. Сделал в GIMP рисунок баннера.Разместил на сайте, который рекламирую, на странице КАТАЛОГ ФАЙЛОВ. Адрес размещения (пишется в коде после src) узнал из html кода размещенной картинки. Перешел на главную страницу сайта,которую вы видите - нажал "редактирование" (рисунок - глаз) - "HTML" и записал код (зеленым-пояснения, их в код не вставляем):
адрес сайта
<a href="http://ezdun.ucoz.ru/" target="_blank"><img ilo-full-
адрес странички с баннером адрес странички с баннером
src="http://ezdun.ucoz.r u/11.png" src="http://ezdun.ucoz.ru/11.png"
текст на баннере размеры баннера
alt="ВЕЛОТУРИЗМ мои походы" border="0" height="31" width="88"></a>
И на фига платить 100 баксов за баннер? Проверьте,работает?
Ради интереса нарисовал еще один баннер.Код аналогичный
<a href="http://ezdun.ucoz.ru/" target="_blank"><img ilo-full-src="http://ezdun.ucoz.ru/12.png" src="http://ezdun.ucoz.ru/12.png" alt="подготовка к походу,выбор велосипеда ВЕЛОТУРИЗМ рассказы об одиночных и групповых походах выбор туристического оборудования"border="0"" widht="500" height="300"></a>
Пример динамического баннера. В PAINT нарисовал картинки (в моем случае 25 штук), потом вGIF Movie Gear сделал мультик, дальше аналогично. Код,как и для всех остальных баннеров может быть и таким:
<a href="http://ezdun.ucoz.ru/"><img src="http://ezdun.ucoz.ru/Untitled.gif" alt="поехали на сайт ВЕЛОТУРИЗМ" border="0" widht="88"height="31"></a>
Следуя инструкциям http://onservis.ru/cooltext-knopki-online.html можно за 5 минут создать кнопку из имеющихся там трафаретов в режиме он-лайн. Имеется возможность менять размеры и тип шрифта и логотипа.
Синяя кнопка ниже меняет свой цвет при наведении мыши. Код кнопки:
<table align="center"border="5"><tbody><tr><td class="small" onmouseover="this.style.backgroundColor='#FFEBCD';" onmouseout="this.style.backgroundColor='#6495ED'" bgcolor="#6495ed"><a href="http://ezdun.ucoz.ru/"><span style="font-family: verdana; font-size: 10pt;">ВЕЛОТУРИЗМ </span></a></td></tr></tbody></table>
a href-адрес, куда переходим после нажатия на кнопку.
align="center"-кнопка расположена в центре страницы.
border="5"-толщина рамки.
front size-размер шрифта.
Вместо "Велотуризм" пишите свой текст.
#-цвета кнопки.
| ВЕЛОТУРИЗМ |
Синий текст в красной рамке
<span style="border:2px solid red; padding:3px;"><span style="color:blue;">Скоро здесь будет куча материала</span></span>
Цветной текст с цветным фоном
<span style="background-color:blue; color:white; padding:3px;">Цветной текст с цветным фоном</span>
Цветной текст на цветном фоне в цветной рамке
<span style="background-color:dodgerblue; color:white; padding:3px; border:3px solid red;">Цветной текст на цветном фоне в цветной рамке <br></span>
Мигающий текст можно сделать с помощью кода <blink>текст</blink>
Самый простой способ увеличения размеров баннера, картинки или фотографии при наведении на них мыши. Размещаем картинку в каталоге файлов и пишем код
Адрес,куда переходим при нажатии мыши
<a href="http://ezdun.ucoz.ru/"><img
адрес картинки
src="http://ezdec.ucoz.ru/leto.bmp"
адрес картинки
mce_src="http://ezdec.ucoz.ru/leto.bmp" alt="
размеры картинки при
leto" onmouseover="this.width=100;
наведении мыши размеры картинки, если
this.height=80" onmouseout="this.width=50;
мышь не наведена
this.height=40" width="50" height="40"></a>
