Перейти к публикации

Веб-кнопки


nekto.com

Рекомендованные сообщения

Доброго времени!

Сгенерил на cooltext.com кнопку с эффектом, когда подводишь курсор, она меняет цвет. Сайт выдал 2 изображения png и такой код : <img src="cooltext47889962.png" onmouseover="this.src='cooltext47889962MouseOver.png';" onmouseout="this.src='cooltext47889962.png';" />. Вопрос: кнопка на сайте не работает, получается 2 картинки и все. Почему? (DLE 9). Спасибо.

Ссылка на сообщение
Поделиться на других сайтах

http://www.intuit.ru/department/internet/jspractics/15/

Спасибо, именно так и делаю.

Но, во-первых, даже в окне предварительного просмотра кнопка цвет не меняет (браузер GoogleChrome). Во-вторых, после добавления новости, DLE весь этот код сносит - оставляет только ссылку и картинки в тегах %7Boption%7D. Решение какое-то простое, но никак не догоню. Кнопка должна быть в теле новости.

Ссылка на сообщение
Поделиться на других сайтах

Все веб-мастера сталкивались, просто азы объяснять лень. Почитайте хелпы про стили и классы.

Делается так:

- создается пустой див, либо с текстом, а к нему в стилях прописывается фоном картинка. Вариантов очень много, как можно сделать, поэтому пример простецкий приведу:

<div id="div" onClick="window.location='http://forum.dle-news.ru/';">Жми сюда</div>


div#div {

  padding:8px;

  background:blue url(images/islemap.png) left 0 no-repeat;

}


div#div:hover {

  background:red url(images/islemap.png) left -8px no-repeat;

}

Для других тегов аналогично можно сделать, для тега A задается параметр href, а стили такие же

Делаете одну картинку, в которой размещаете сразу несколько кнопок, а при определенном действии они "перелистываются". Сделал так у себя кнопки чата.

Ссылка на сообщение
Поделиться на других сайтах

Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

×
×
  • Создать...