Question

我正在试图弄清楚如何在网站建设者Enjin上构建HTML模块。我对HTML的经验非常有限，所以我从this page获取了一些代码，但它并没有完全符合我的要求。理想情况下，模块看起来像this。有一个事件日历，模块将与之链接，以便注册按钮将反映日历上的更改。 Here is the website。非常感谢任何帮助！

-Cheers。

Answer 1

HTML

按下面的“运行代码段”按钮查看输出。

<html>

<head>
  <title>Events Sign-Up</title>
  <style>
    .eventtable,
    .eventtable td {
      border-collapse: collapse;
      font-family: Calibri;
    }
    td {
      padding: 1em;
      border: solid 5px white;
      border-radius: 15px;
    }
    .col1 {
      background-color: #CBCBCB;
    }
    .eventname {
      color: #484848;
    }
    .eventdaytime {
      color: #830D0D;
      text-align: right;
    }
    .col2 {
      background-color: #92FF7F;
    }
    .eventstatus {
      font-size: 1.4em;
      color: #404040;
    }
  </style>
</head>

<body>
  <table class="eventtable">
    <tbody>
      <!-- ROW 1 ------------>
      <tr>
        <td class="col1">
          <div class="eventname">
            69th Infantry Division Private Ops Night
          </div>
          <div class="eventdaytime">
            Sunday 7:45 PM
          </div>
        </td>
        <td class="col2">
          <div class="eventstatus">
            Sign Up
          </div>
        </td>
      </tr>

      <!-- ROW 2 ------------>
      <tr>
        <td class="col1">
          <div class="eventname">
            69th Infantry Division Private Ops Night
          </div>
          <div class="eventdaytime">
            Sunday 7:45 PM
          </div>
        </td>
        <td class="col2">
          <div class="eventstatus">
            Sign Up
          </div>
        </td>
      </tr>

    </tbody>
  </table>
  </div>
</body>

</html>

如何构建此功能

1 个答案:

HTML