Веб-кнопки

[nekto.com 0]

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

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

[Captain 613]

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

[nekto.com 0]

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

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

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

Изменено 17 ноября 2010 пользователем nekto.com

[meraklin 2]

Напиши в аську, помогу. Аська в профиле.

[nekto.com 0]

Что, больше никто не сталкивался?

[zgr 72]

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

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

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

<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, а стили такие же

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

[nekto.com 0]

Спасибо!

[nekto.com 0]

Спасибо!

Сделаю на jQuery, мороки меньше чем на css