|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Архивариус » Решённые вопросы » Как сделать кнопку, которая меняет вид (срайты) |
Как сделать кнопку, которая меняет вид |
Нужно сделать кнопку-которая меняет вид! Уже есть, но не знаю как прописать код!
сама кнопка: Пробывал но не получается( <li class="stolzakazov1"><a href="http://kinofob.at.ua/board/"></a></li> .stolzakazov1 { position:absolute; left: 580px; top:30px; width: 279px; height: 31px; background:url(/images/stolzakazov1.png) no-repeat; border:0pt none; } сам сайт: http://kinofob.at.ua Добавлено (21 Авг 2016, 13:03:34) Добавлено (21 Авг 2016, 13:29:35) |
BALCETUL, как она должна менять вид? И зачем делать её в виде PNG-изображения, если можно сделать то же самое на CSS?
P.S. А, понял. Я вижу у вас все кнопки сделаны спрайтами) Меняйте значение background-position, чтобы сместить фон. Сообщение отредактировал mrx - Воскресенье, 21 Авг 2016, 15:49:21
|
|
BALCETUL, держи
Код .knopka{ background:url(http://kinofob.at.ua/images/stolzakazov1.png)no-repeat; width:279px; height:30px; list-style:none; } .knopka:hover{ background:url(http://kinofob.at.ua/images/stolzakazov1.png)no-repeat; background-position:0 -29px; } |
BALCETUL, li там не нужен, вставляйте только ссылку:
Код <a href="/board/" class="stolzakazov1"></a> Стили такие будут: Код .stolzakazov1 { display : block; width : 280px; height : 30px; margin-left : 10px; background : url('/images/stolzakazov1.png') 0 0; } .stolzakazov1:hover { background-position : 0 -29px; } |
| |||
| |||