<![CDATA[
<!DOCTYPE html >
<html lang="en" >
<script src="jquery-3.4.1.min.js"></script>
<script src="java.js" ></script>
<style>
body{
background-color: #e3e3e3;
}
#gamearea {
width: 800px;
height: 600px;
border: 2px gray solid;
margin: 0 auto;
position: relative;
background-image: url('main_img.png');
background-size: contain;
user-select: none;
}
#bomberman{
width: 100px;
height: 83px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
}
#rocket{
position: absolute;
visibility: hidden;
}
.buttons{
width: 100px;
height: 30px;
display: inline-block;
position: absolute;
padding: 8px;
border: 2px solid;
border-radius: 10px;
margin: 5px;
cursor: pointer;
text-align: center;
}
#level_1_btn{
left: 100px;
top: 300px;
}
#level_2_btn{
left: 100px;
top: 400px;
}
#jatekos{
position: absolute;
left: 5px;
top: 200px;
}
#score_tab{
visibility: hidden;
color : black;
position : absolute;
left: 600px;
top: 20px;
}
#fuel_meter{
visibility: hidden;
position : absolute;
width: 200px;
height: 25px;
left: 165px;
top: 16px;
}
#fuel_text{
visibility: hidden;
position : absolute;
left: 50px;
top: 20px;
}
.stone, .enemy{
position: absolute;
}
#vege_text{
font-family: arial, sans-serif;
text-align: center;
position: relative;
//top: 100px;
font-style: normal;
font-size: 72px;
}
#intro_text{
font-family: arial, sans-serif;
text-align: center;
position: relative;
font-weight: bold;
font-style: normal;
font-size: 60px;
color:cadetblue ;
letter-spacing: 0.05em;
user-select: none;
transition: all 0.15s ease-out;
text-shadow: 0px 0px 2px #2f4f4f;
}
#intro_text:hover {
text-shadow: 0px 2px 40px #ff0000;
}
#toplista_tab{
position : absolute;
top: 190px;
left: 500px;
font-size: 12px;
}
#toplista_head{
border: none;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #000000;
text-align: left;
padding: 8px;
}
@keyframes lebeg {
0% {transform: translatey(0px);}
50% {transform: translatey(-6px);}
100% {transform: translatey(0px);}
}
</style>
<body>
<audio id="explosion" preload="auto"><source src="explosion.wav" type="audio/wav" ></audio>
<audio id="music" preload="auto" loop="loop"><source src="commando.wav" type="audio/wav" ></audio>
<div id="gamearea">
<p id="intro_text">EAT ROCKETS</p>
<div class="buttons" id="level_1_btn">LEVEL 1</div>
<div class="buttons" id="level_2_btn">LEVEL 2</div>
<div id="jatekos">
<label for="jatekos_neve">Játékos neve:</label>
<input type="text" id="jatekos_neve" name="name" value="unnamed">
</div>
<div id="toplista_tab">
<table id="top_list">
<tr>
<th id="toplista_head">Toplista:</th>
</tr>
<tr>
<th>Helyezés:</th>
<th>Név:</th>
<th>Pont:</th>
</tr>
</table>
</div>
<div id="bomberman"></div>
</div>
</body>
<br>Partneroldalak: <br>
<a href="https://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="https://webtar.hu" alt="tárhely donainregisztráció">webtar.hu</a><br>
<a href="https://ingyenweb.hu" alt="ingyenweb">ingyenweb.hu</a><br>
<a href="https://videok.hu" alt="Videók">videok.hu</a><br>
<a href="https://xn--fotk-sqa.hu" alt="fotók">fotók.hu</a><br>
<a href="https://randi.hu" alt="Randi">randi.hu</a><br>
<a href="https://licit.hu" alt="Licit">licit.hu</a><br>
<a href="https://napivicc.hu" alt="vicc">napivicc.hu</a><br>
<a href="https://gyertyalang.hu" alt="gyertyagyújtás">gyertyalang.hu</a><br>
<a href="https://xn--helyesrs-fza2j.hu" alt="helyesírás.hu">helyesírás.hu</a><br>
<a href="https://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>