📜  discord 小部件 html 代码 - Html (1)

📅  最后修改于: 2023-12-03 15:00:25.386000             🧑  作者: Mango

Discord 小部件 HTML 代码

以下是 Discord 小部件的 HTML 代码示例,可用于将 Discord 服务器的成员数、在线状态和最新消息嵌入网站:

<div>
  <a href="https://discord.gg/DISCORD_SERVER_ID">
    <img src="https://discordapp.com/api/guilds/DISCORD_SERVER_ID/widget.png?style=banner4" alt="Discord Server Banner" />
  </a>
</div>

<div>
  <iframe src="https://discord.com/widget?id=DISCORD_SERVER_ID&theme=light" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
</div>

其中,DISCORD_SERVER_ID 需要替换为你的 Discord 服务器 ID。

第一部分是嵌入服务器横幅的 HTML 代码。它包括一个链接到 Discord 服务器的页面和一个图片标签,显示服务器的成员数和在线状态。

第二部分是嵌入服务器小部件的 HTML 代码。它包括一个嵌入 Discord 服务器小部件的 iframe 标签,其中的 id 属性值为你的 Discord 服务器 ID,theme 属性值表示小部件的样式(light 代表白色主题,dark 代表黑色主题)。

以上 HTML 代码示例可以根据实际情况进行修改,并嵌入到网站中,方便用户查看 Discord 服务器相关信息。

返回的代码片段:

以下是 Discord 小部件的 HTML 代码示例,可用于将 Discord 服务器的成员数、在线状态和最新消息嵌入网站:

```

其中,DISCORD_SERVER_ID 需要替换为你的 Discord 服务器 ID。

第一部分是嵌入服务器横幅的 HTML 代码。它包括一个链接到 Discord 服务器的页面和一个图片标签,显示服务器的成员数和在线状态。

第二部分是嵌入服务器小部件的 HTML 代码。它包括一个嵌入 Discord 服务器小部件的 iframe 标签,其中的 id 属性值为你的 Discord 服务器 ID,theme 属性值表示小部件的样式(light 代表白色主题,dark 代表黑色主题)。

以上 HTML 代码示例可以根据实际情况进行修改,并嵌入到网站中,方便用户查看 Discord 服务器相关信息。