SaveText.Ru

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

Share with your friends:

Print