Страница 1 из 1

Кнопка на сцене из картинки

Добавлено: Сб янв 24, 2015 8:02 am
I_I_Imonder
Доброго времени друзья!
Такой вопрос, как добавить на сцену css кнопку с картинкой?

Сделал несколько кнопок для сцены управления проектором и медиасервером и хочу чтобы кнопки вдавливались при нажатии
вот что нашел на просторах инета
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<title>Button Test</title>
<style type="text/css" media="screen">
body {
padding: 50px;
}
#button {
display: block;
width: 135px;
height: 63px;
background: url(\on.png) no-repeat top;
}
#button:active {
background: url(\on.png) no-repeat bottom;
}
</style>
</head><body>
<a id="button"></a>
</body></html>

но как впихнуть в сцену не знаю( мб кто сталкивался

вот так выглядит сцена
Изображение

Re: Кнопка на сцене из картинки

Добавлено: Пт янв 30, 2015 1:56 pm
Bagir

Re: Кнопка на сцене из картинки

Добавлено: Сб янв 31, 2015 8:37 am
I_I_Imonder
Большое спасибо, я это читал.
а куда картинки положить?



разобрался)

div.element_83 {
display: block;
width: 135px;
height: 63px;
background: url(/cms/scenes/on.png) no-repeat top;
}
div.element_83:active {
background: url(/cms/scenes/off.png) no-repeat bottom;
}

Re: Кнопка на сцене из картинки

Добавлено: Сб янв 31, 2015 12:39 pm
Bagir
ага, так, я просто забыл, что в том примере нет картинки а только текст. Еще можно нарисовать простенькие картинки кодом CSS.
А вот пример, как подставлять нужную группу с CSS кодом по условию http://smartliving.ru/forum/viewtopic.p ... 140#p17252

Re: Кнопка на сцене из картинки

Добавлено: Сб янв 31, 2015 3:21 pm
I_I_Imonder
Проблема: мышкой нажимается, а вот на планшете нет(
что может быть?

Re: Кнопка на сцене из картинки

Добавлено: Сб янв 31, 2015 6:40 pm
Bagir
А какой браузер на планшете? Стандартный проверен только на Андройде 4.4.2. А вот на 4.2.2 точно не работает. У него вообще большие проблемы с CSS. Мобильное приложение тоже использует стандартный браузер. Сейчас проверил кнопку на планшете в Хроме. Работает отлично. Правда кнопка у меня просто с текстом, без картинки.

Re: Кнопка на сцене из картинки

Добавлено: Сб янв 31, 2015 6:43 pm
Bagir
Кстати, недавно узнал. К планшету можно без проблем подключить обычную USB мышку, в том числе и беспроводную. На экране появится указатель как на компе.