Мирчар. Инструкция по применению.

Воскресенье, 19.05.2024, 11:27
Приветствую Вас Гость
Главная

Регистрация

Вход

RSS

Узнай больше о Миречар


Главная » Статьи » Как создать свой сайт. » Всякие полезности.

Как сделать кнопку своего сайта?

Как сделать для своего сайта вот такую функциональную кнопку:


Шаг первый. Нарисовать кнопку.

Хорошо, если нарисованная кнопка будет подходить под оформление сайта. Именно поэтому, советую ее нарисовать самому. Самый простой вариант (как у меня в этом примере): создать изображение 100 на 50 пикселей; сделать два слоя. На первом слое сделать заливку цвета, гармоничного с цветовой гаммой сайта. На втором слое сделать саму надпись, контрастного с основным цветом (при этом, чтобы сочеталось с другими цветами вашего сайта). Вставить картинку.

Шаг второй. Закачиваем ее на свой сайт.

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

Шаг третий. Размещение кнопки на сайте.

Копируем следующий код:

<a href="адрес вашего сайта"><img title="ТЕКСТ" src="URL картинки кнопки" alt="center" /></a>

Сделаем ее по центру:

<center><a href="адрес сайта"><img title="текст" src="http:ссылка на картинку" alt="center" /></a></center>

Выберите место размещения кнопки. Я  размещаю ее на правой боковой панели (конструктор  - добавить новый блок  - редактировать - вставить код кнопки).

Не забудь сохраниться!

Для обмена кнопками с другими дружественными сайтами обычно делают код кнопки доступным в виде:


Чтобы сделать такое простое окошечко для вставки кода воспользуйся кодом:

<textarea rows="2" cols="60"> ВАШ КОД </textarea>


Все. Идем смотреть на результат.




Категория: Всякие полезности. | Добавил: nadek (13.05.2011)
Просмотров: 7877 | Комментарии: 12 | Теги: html, Как создать свой сайт
Всего комментариев: 10
1 tettis  
0
все получилось, спасибо большое, за понятные объяснения!!!

2 GP_21  
0
Огромное спасибо за столь подробные объяснения. Не думал, что это так просто.

3 Михаил  
0
Огромное спасибо. Самое простое и доходчивое объяснение.

4 Valentina  
0
Благодарю за понятное и простое объяснение. Благодаря вашей инструкции мне легко и быстро удалось сделать и вставить не только кнопку своего сайта, но и сделать ссылку на её код. exclaim

5 t345se  
0
Cпасибо))

6 Dima  
0
Класс, давно искал )))

7 Гизатулина Ольга Ивановна  
0
Спасибо,очень полезно!

8 вахрамеевна  
0
Добрый день!
У меня все получилось, спасибо за доступное изложение))
Только одна проблема: окошко со ссылкой "растянуло" первый контейнер, как можно это исправить?
http://vachrameeva-sv.ucoz.ru/#

9 Юлия  
0
А у меня почему-то не получается... просто белая панель в результате и все... :( Помогите, пожалуйста?

10 Юлия  
0
Имею ввиду, что кода кнопки не видно... панель добавляется, а самого текста в ней нет. А с кнопкой все в порядке...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Категории статей
С чего начать. [6]
Самые первые шаги, ничего сложного.
HTML [4]
для начинающих, все просто и доступно.
Всякие полезности. [7]
Облако тегов
Мирчарское время
Блиц-опрос
Ваш любимый цветочный экстракт?
Всего ответов: 152
Наша кнопочка
center
получить код кнопки
Друзья

Мирчар - заведи себе онлайн питомца
Статистика