index.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Standard Meta -->
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  8. <!-- Site Properties -->
  9. <title>Minecraft Server</title>
  10. <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
  11. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  12. <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
  13. <style>
  14. html {
  15. overflow: hidden;
  16. height: 100%;
  17. }
  18. body {
  19. background-color: #fcfcfc;
  20. overflow: hidden !important;
  21. height: 100%;
  22. }
  23. iframe {
  24. border: none;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="ui top attached tabular menu">
  30. <a class="item active" data-tab="1">Info</a>
  31. <a class="item" data-tab="2">Players</a>
  32. <a class="item" data-tab="3">Start</a>
  33. <a class="item" data-tab="4">Log</a>
  34. <a class="item" data-tab="5">Setting</a>
  35. </div>
  36. <div class="ui bottom attached tab segment active" style="height:100%;width:100%" data-tab="1">
  37. <iframe src="info.html" style="height:100%;width:100%" title=""></iframe>
  38. </div>
  39. <div class="ui bottom attached tab segment" style="height:100%;width:100%" data-tab="2">
  40. <iframe src="players.html" style="height:100%;width:100%" title=""></iframe>
  41. </div>
  42. <div class="ui bottom attached tab segment" style="height:100%;width:100%" data-tab="3">
  43. <iframe src="start.html" style="height:100%;width:100%" title=""></iframe>
  44. </div>
  45. <div class="ui bottom attached tab segment" style="height:100%;width:100%" data-tab="4">
  46. <iframe src="log.html" style="height:100%;width:100%" title=""></iframe>
  47. </div>
  48. <div class="ui bottom attached tab segment" style="height:100%;width:100%" data-tab="5">
  49. <iframe src="setting.html" style="height:100%;width:100%" title=""></iframe>
  50. </div>
  51. <script>
  52. $('.menu .item')
  53. .tab();
  54. </script>
  55. </body>
  56. </html>