一份简单易懂的指南，教你如何为你的电子邮件制

你知道 4 月 9 日是国家独角兽日吗？这是庆祝独角兽的奇思妙想和神奇节日，独角兽是神话中的生物，通常与纯洁、优雅和魔力联系在一起。最近，Yespo开发了一款特殊主题游戏的机制和设计，而Stripo在技术上协助了互动性，让游戏栩栩如生。这是一款需要收件人给独角兽涂色的游戏。

人们非常喜欢这个游戏

许多人对为电子邮件创建如此精美、独 whatsapp 号码数据 特的交互式内容很感兴趣。好吧，您问 – 我们回答。在本指南中，我们将向您展示如何创建这个游戏并为您提供完整的代码，您可以在自己的电子邮件通讯中试用它。

您可以使用此游戏让您的电子邮件更具吸引力，并将其用于各种场合。例如，您可以为图片着色提供折扣促销代码，或者在完成游戏后根据收件人的近期活动向他们提供独家优惠。

游戏创建过程大致可分为四个阶段

“月亮”背景图像、调色板、其 电子商务安全最佳实践：如何保护您的网上商店？ 他图像和点击区域。我们将详细介绍每个阶段，最后，您将拥有自己的完整游戏，可以将其添加到您的电子邮件中。事不宜迟，让我们开始吧。

第一阶段。“月亮”背景图像

游戏的“核心”是图像。首先，让我们准 汤加营销 备初始的“月亮”图像。我们将为它设置与图像其他部分不同的颜色，因为这是第一层。对于“月亮”，我们准备一张图像，用空​​白代替月亮，周围使用与电子邮件背景相匹配的背景（在我们的例子中是白色）。

责游戏的大小。在我们的例子中，游戏在桌面版本中为 410 x 410 像素，在移动版本中为 250 x 250 像素。如果您需要不同的尺寸，可以在此处更改。

将有带有layer-1、layer-2、layer-3等类的块，我们将使用绝对定位将它们放置在正确的位置。在这些块中，有一个带有图像的 span 标签。

带有 colors 类的块是调色板。样式已经指示了每个按钮btn-color-1、btn-color-2等的颜色，因此您可以用自己的颜色替换它们。

插入代码后，您将看到新月图像和彩色面板。

第二阶段。调色板

下一步是让调色板可点击并显示所选颜色。为了了解所选颜色，我们将创建一个“颜色”变量，当您点击调色板的每个元素时，我们将向其中写入值 1、2、3 等。