Страница 1 из 11
Модератор форума: webanet 
Сообщество uCoz » Архивариус » Решённые вопросы » Как сделать кнопку, которая меняет вид (срайты)
Как сделать кнопку, которая меняет вид
BALCETUL
Сообщений: 166
Репутация: 3

Сообщение # 1 | 13:29:35
Нужно сделать кнопку-которая меняет вид! Уже есть, но не знаю как прописать код!
сама кнопка:


Пробывал но не получается(

<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)
---------------------------------------------
ребят очень срочно нужно(

mrx
Сообщений: 287
Репутация: 45

Сообщение # 2 | 15:49:08
BALCETUL, как она должна менять вид? И зачем делать её в виде PNG-изображения, если можно сделать то же самое на CSS?

P.S. А, понял. Я вижу у вас все кнопки сделаны спрайтами) Меняйте значение background-position, чтобы сместить фон.
Сообщение отредактировал mrx - Воскресенье, 21 Авг 2016, 15:49:21
BALCETUL
Сообщений: 166
Репутация: 3

Сообщение # 3 | 16:15:31
Цитата mrx ()
BALCETUL, как она должна менять вид? И зачем делать её в виде PNG-изображения, если можно сделать то же самое на CSS?P.S. А, понял. Я вижу у вас все кнопки сделаны спрайтами) Меняйте значение background-position, чтобы сместить фон.

Как эта! при наводке
Можете сделать? я не знаю как(
aleksandr_braun
Сообщений: 78
Репутация: 3

Сообщение # 4 | 16:30:45
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
Сообщений: 166
Репутация: 3

Сообщение # 5 | 17:27:24
aleksandr_braun, спс
в чем проблема при клике не переходит?
<li class="knopka"><a href="http://kinofob.at.ua/board/"></a></li>

просто я совсем новичок! спс зарание
Сообщение отредактировал BALCETUL - Воскресенье, 21 Авг 2016, 17:54:09
Sonor
Сообщений: 243
Репутация: 503

Сообщение # 6 | 20:27:46
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;
}

BALCETUL
Сообщений: 166
Репутация: 3

Сообщение # 7 | 20:46:31
Sonor, огромное спс
Сообщество uCoz » Архивариус » Решённые вопросы » Как сделать кнопку, которая меняет вид (срайты)
Страница 1 из 11
Поиск: