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

Помогите с кнопками


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

Имеются кнопки vote1.png и vote2.png (готовые не нуждающиеся в надписях)

нужно заменить кнопки "голосовать" и "результаты" в голосовании.

Так чтобы кнопки были в готовой png-шке и менялись при наведении.

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

Нужно заменить стандартные кнопки на те что мне нужно.

063437241a33.jpg

И чтобы при наведении они менялись

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

Пропиши в шаблоне путь к новым кнопкам.

Пропиши в шаблоне пути к новым кнопкам.

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

[votelist]<form method="post" name="vote" action=''>[/votelist]

<div class="votelist">{list}</div>

[voteresult]<div><small>Всего проголосовало: {votes}</small></div>[/voteresult]

[votelist]

<input type="hidden" name="vote_action" value="vote" />

<input type="hidden" name="vote_id" id="vote_id" value="1" />

<button class="fbutton" type="submit" onclick="doVote('vote'); return false;" ><span>Голосовать</span></button>

</form>

<form method="post" name="vote_result" action=''>

<input type="hidden" name="vote_action" value="results" />

<input type="hidden" name="vote_id" value="1" />

<button class="fbutton" type="submit" onclick="doVote('results'); return false;" title="Результаты" alt="Результаты"><span>Результаты</span></button>

</form>

[/votelist]

Можно подробнее?

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

http://zeos.ho.ua/1.html

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

http://zeos.ho.ua/1.html

Что это такое? Спам? У меня отобразилась только белая страница с рекламой и рекламой google.

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

Пример CSS спрайта и нажимать на картинку никто не заставлял. Изучайте html код

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

Короче! Вот код:

<style>

a.inet {

	display: block;

	background: url('1.png') no-repeat;

	width: 130px;

	height: 80px;

	border: 1px solid #a04141;

}


/* Ссылка при наведении */

a.inet:hover {

	background-position: -130px 0px;

}


/* Ссылка при нажатии */

a.inet:active {

	background-position: -260px 0px;

}

</style>

Изменено пользователем Bujhm
Ссылка на сообщение
Поделиться на других сайтах

Народ. CSS кнопки у меня есть.

Мне надо эту байду интегрировать в <button class="fbutton" type="submit" onclick="doVote('results'); return false;" title="Результаты" alt="Результаты"><span>Результаты</span></button>

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

        display: block;

        background: url('vote.png') no-repeat 0 0;

        width: 150px;

        height: 50px;

}


/* наведение */

button.fbutton:hover {

        background-position: -50px 0px;

}


/* нажатая(активная) */

button.fbutton:active {

        background-position: -100px 0px;

}

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

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

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