- Daftar
- 4 Oct 1988
- Post
- ×
- Like diterima
- 9.211
[hide]
DEMO
link
DOWNLOAD
http://www.mediafire.com/file/dfodgh8ufd5tyhs/game-typing.rar
CARA MAIN :
KHUSUS GAME PC HARUS ADA KEYBOARD.
[SETIAP HURUF YANG KELUAR PADA LAYAR AKAN JATUH DAN MENDAPATAKN POINT JIKA PLAYER SUDAH MEMENCET HURUF YANG SAMA YANG ADA PADA LAYAR TERSEBUT DENGAN BANTUAN KEYBOARD]
Langkah Pengerjaan
Kode HTML
Kode CSS
Kode Javacript
BY PM hehe
[/hide]
like gan
DEMO
link
DOWNLOAD
http://www.mediafire.com/file/dfodgh8ufd5tyhs/game-typing.rar
CARA MAIN :
KHUSUS GAME PC HARUS ADA KEYBOARD.
[SETIAP HURUF YANG KELUAR PADA LAYAR AKAN JATUH DAN MENDAPATAKN POINT JIKA PLAYER SUDAH MEMENCET HURUF YANG SAMA YANG ADA PADA LAYAR TERSEBUT DENGAN BANTUAN KEYBOARD]
Langkah Pengerjaan
Kode HTML
Code:
<body>
<div id="skor">0</div>
<div id="mulai">Mulai</div>
</body>
Kode CSS
Code:
body
{
width: 100%;
margin: 0 auto;
padding: 0;
}
.huruf
{
position: absolute;
width:30px;
height: 30px;
font: bold 14px verdana;
background-color: yellow;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
vertical-align: middle;
padding: 5px;
}
#skor
{
font-size:46px;
top: 25px;
right: 50px;
display: none;
text-align:right;
}
#mulai
{
width: 50px;
padding: 10px 15px;
text-align: center;
font:bold 15px arial;
background-color: #dedede;
color: #000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
position: absolute;
}
#mulai:hover
{
cursor: pointer;
}
Kode Javacript
BY PM hehe
[/hide]
like gan
Terakhir diubah: