SaveText.Ru

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

Share with your friends:

Print