SaveText.Ru

БетаИгра на HTMLJAVA
  1. HTML5
  2.  
  3.  
  4. <!DOCTYPE HTML>
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. <title>Фоновая музыка на HTML5-StepkinBlog.ru</title>
  9. </head>
  10. <body>
  11.  
  12. <h1 class="name_class">Game Surviv Pixl</h1>
  13. <b class="obnov_class">Версия игры: v:1.2.5</b>
  14. <button class="button_play">Play</button>
  15. <button class="button_multip">Multeplaer</button>
  16. <div class="chat_button">Chat</div>
  17. <button class="adminP_class_button">+A</button>
  18.  
  19. </body>
  20. </html>
  21.  
  22. CSS
  23.  
  24. body {
  25.    
  26.     background-image: url('https://thumbs.gfycat.com/FreePlumpDugong-size_restricted.gif');
  27.     background-size: cover;
  28. cursor: crosshair;
  29.    
  30. }
  31.  
  32. .name_class {
  33.     color: red;
  34.     background-image: url('https://im0-tub-ua.yandex.net/i?id=010a90e3a4033375d36da97a4369602c&n=13');
  35.       width: 1200;
  36.       height: 290px;
  37. font-family: Trebuchet MS;
  38.     font-size: 150;
  39.     border-radius: 150px;
  40.     border: 3px solid blue;
  41.     position: absolute;
  42.     left: 5;
  43.     top: -34;
  44. }
  45.  
  46. .name_class:hover {
  47.     color: lime;
  48.     cursor: default;
  49. }
  50.  
  51. .obnov_class {
  52.     color: yellow;
  53.     position: absolute;
  54.     left: 1050;
  55.    
  56.    
  57. }
  58.  
  59. .button_play {
  60.     color: blue;
  61.     font-family: Comic Sans MS;
  62.      position: absolute;
  63.     left: 555px;
  64.     top: 400px;
  65. background: lime;
  66.     border: 3px solid black;
  67. width: 250;
  68.     height: 50;
  69. font-size: 35;
  70. }
  71.  
  72. .button_play:hover {
  73.     color: red;
  74. }
  75.  
  76. .button_play:active {
  77.     color: lime;
  78.     background: violet;
  79. }
  80.  
  81. .button_multip {
  82.     color: blue;
  83.     font-family: Comic Sans MS;
  84.     position: absolute;
  85. left: 555;
  86.     top: 480;
  87.     background: lime;
  88.     border: 3px solid black;
  89.     width: 250;
  90.     height: 50;
  91.     font-size: 35;
  92. }
  93.  
  94. .button_multip:hover {
  95.     color: red;
  96. }
  97.  
  98. .button_multip:active {
  99.     color: lime;
  100.     background: violet;
  101. }
  102.  
  103. .chat_button {
  104.     color: blue;
  105.     background: lime;
  106.     position: absolute;
  107.     top: 800;
  108.    left: 1100;
  109.    border: 2px solid violet;
  110.     font-size: 20;
  111.     font-family: Comic Sans MS;
  112.     border-radius: 150px;
  113. }
  114.  
  115. .chat_button:hover {
  116.     width: 80;
  117.     height: ;
  118. background: grey;
  119.    
  120. }
  121.  
  122.  

Share with your friends:

Print