Skip to content

Instantly share code, notes, and snippets.

@priithansen

priithansen/gist:2251359

Created March 30, 2012 13:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save priithansen/2251359 to your computer and use it in GitHub Desktop.
Save priithansen/2251359 to your computer and use it in GitHub Desktop.
Download ZIP
Makibot html
Raw
gistfile1.html
<html>
<head>
<style type="text/css">
.nupud {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:Verdana;
font-size:15px;
font-weight:bold;
padding:32px 19px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}.nupud:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.nupud:active {
position:relative;
top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
<script type="text/javascript">
function command(where)
{
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","serial.php?go="+where);
xmlhttp.send();
}
</script>
</head>
<body>
<div class="nupud" style="position: absolute; top: 20px; left: 120px;" onMouseDown="command('e')" onMouseUp="command('s')" onMouseOut="command('s')">Edasi</div>
<div class="nupud" style="position: absolute; top: 130px; left: 30px;" onMouseDown="command('v')" onMouseUp="command('s')" onMouseOut="command('s')">Vasakule</div>
<div class="nupud" style="position: absolute; top: 130px; left: 170px;" onMouseDown="command('p')" onMouseUp="command('s')" onMouseOut="command('s')">Paremale</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment