[ Нові повідомлення · Учасники · Правила форуму · Пошук · RSS ]

**Рахів - інформація про РАХІВ** (статті, фото, відео)
Про РАХІВ	РАХІВ - ВІДЕО	РАХІВ - ФОТО
Інформація про РАХІВ	Відео з сторінок життя міста РАХІВ	Юні друзі природи
Місто Рахів	Відео Рахівського РБДЮТ	Знай і люби свій край
Земля РАХА	РБДЮТ - "ТіКомуЗа"	Змагання з пішохідного туризму

Сторінка 1 з 1

Форум РБДЮТ (Рахів) » Інформатика та інформація » Html та CSS » Кнопка сайта HTML (банер для сайту) (Робимо кнопку на сайт своїми руками, з можливістю брати код)

Кнопка сайта HTML (банер для сайту)

asdewq

Дата: Четвер, 28.02.2013, 18:29 | Повідомлення # 1

Генералиссимус

Група: Адміністратори

Повідомлень: 17

Нагороди: 2

Репутація: 32767

Статус: Offline

Привіт.
Хотів поділитися інформацією як зробити кнопку на сайт.

Перш за все, необхідно намалювати кнопку в графічному редакторі.
Можна використати стандартні редактори: Paint, безкоштовний редактор Gimp, Photoshop тощо.)

Припустимо намалювали.
В нашому випадку кнопка виглядає так:

Також можна анімувати зображення використовуючи на приклад програму Easy GIF Animator .

Тепер ми маємо вже банер, що обертається навколо своєї осі.

Далі Вам потрібно завантажити зображення на сайт.

Наступним кроком буде написання безпосередньо коду кнопки, який має наступний вигляд.

href="http://rbdut.at.ua/" target=_blank> src="http://rbdut.at.ua/LOGO_STAT.gif" width="100" height="90" alt="Рахівський РБДЮТ" border="0" >

href= Тут пишемо адресу свого сайту
img src= Тут посилання на картинку
alt= Назва вашого сайту
target= Спосіб відкриття сторінки, в даному випадку, в новому вікні
border= рамка навколо картинки, нуль означає без рамки

Також не забуваємо встановити потрібні розміри картинки

width= Ширина картинки
height= Висота картинки

За звичай кнопки на сайт мають розміри 88х31, але Я вважаю, що це діло того хто вставляє кнопку на свій сайт, адже кожен сайт індивідуальний.

Тепер зображення буде посилатися на наш сайт.

Наступним кроком буде влаштування зручної рамки, з якої можна з легкістю скопіювати сам код.

Приклад:

0px; WIDTH: 150px; HEIGHT: 75px">
Ваш код

WIDTH: Ширина рамки
HEIGHT: Висота рамки
MARGIN: Відступи навколо рамки

Збираємо все до купи і трохи прикрашаємо кольором та розміром шрифту.

Натискаємо на спойлер !

Успіхів Вам у роботі.

Вова

Дата: Вівторок, 25.06.2013, 11:43 | Повідомлення # 2

Полковник

Група: Модератори

Повідомлень: 1

Нагороди: 2

Репутація: 100

Статус: Offline

asdewq

Дата: Вівторок, 25.06.2013, 11:49 | Повідомлення # 3

Генералиссимус

Група: Адміністратори

Повідомлень: 17

Нагороди: 2

Репутація: 32767

Статус: Offline

Сторінка 1 з 1

Можливо Вас зацікавить

Випадкові статті з сайту

[07.03.2011]	[Педагогіка]
Афоризми ВЕЛИКИХ людей (4254)

[30.03.2010]	[WINDOWS]
Секрети в контакті. Краща підбірка секретів сайту вконтакте.ру (3747)

[22.03.2010]	[Педагогіка]
Робота з обдарованими дітьми (2781)

[12.01.2011]	[ГУЦУЛЬЩИНОЗНАВСТВО]
Мова гуцулів (2765)

[05.05.2010]	[Науковий всесвіт]
Проблеми глобального потепління для України (2746)

[10.01.2011]	[ГУЦУЛЬЩИНОЗНАВСТВО]
Різдво Господнє. Інші свята зимового циклу (2743)

[11.01.2011]	[ГУЦУЛЬЩИНОЗНАВСТВО]
Гуцульське вбрання. Чоловічий і жіночий одяг (2666)

[30.12.2010]	[ГУЦУЛЬЩИНОЗНАВСТВО]
Гуцульські народні звичаї, свята та обряди. Полонинський хід (2636)

[15.11.2011]	[Педагогіка]
Районна рада учнівського самоврядування (2278)

[26.11.2010]	[Педагогіка]
Художньо-естетичний розвиток Образотворча діяльність (добірка дидактичних ігор) (2230)