Question

我想在我的网站上添加颜色主题，但我不知道该怎么做，我的想法是在我的网站上添加各种文件夹，如：

的public_html
- TEAL
  - index.html（蓝绿色）
- 粉
  - index.html（粉红色）
- 紫
  - index.html（紫色）
- 等......

我希望用户选择第一个主题，因此设备不会再次要求选择主题，我认为我必须使用Cookie，但我不知道这样做，所以我需要社区帮助。< / p>

我对主题选择的看法如下：

<html>
<title>Choose a color</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1 {font-family: "Raleway", sans-serif}
body, html {height: 100%}
.bgimg {
    min-height: 100%;
    background-position: center;
    background-size: cover;
}
p.big {
    line-height: 230%;
}
</style>
<body>

<div class="bgimg w3-display-container w3-animate-opacity">
  <div class="w3-display-middle">
    <h1 class="w3-jumbo w3-center w3-animate-top">CHOOSE A COLOR</h1>
    <hr class="w3-border-grey" style="margin:auto;width:40%">
    <br>
    <p class="big">
  <button class="w3-button w3-xlarge w3-circle w3-red">&nbsp&nbsp&nbsp</button>
  <button class="w3-button w3-xlarge w3-circle w3-pink">&nbsp&nbsp&nbsp</button>
    <button class="w3-button w3-xlarge w3-circle w3-orange">&nbsp&nbsp&nbsp</button>
  <button class="w3-button w3-xlarge w3-circle w3-yellow">&nbsp&nbsp&nbsp</button>
    <button class="w3-button w3-xlarge w3-circle w3-green">&nbsp&nbsp&nbsp</button>
  <button class="w3-button w3-xlarge w3-circle w3-teal">&nbsp&nbsp&nbsp</button>
    <button class="w3-button w3-xlarge w3-circle w3-cyan">&nbsp&nbsp&nbsp</button>
  <button class="w3-button w3-xlarge w3-circle w3-lime">&nbsp&nbsp&nbsp</button>
    <button class="w3-button w3-xlarge w3-circle w3-blue">&nbsp&nbsp&nbsp</button>
  <button class="w3-button w3-xlarge w3-circle w3-indigo">&nbsp&nbsp&nbsp</button>
    <button class="w3-button w3-xlarge w3-circle w3-purple">&nbsp&nbsp&nbsp</button>
  <button class="w3-button w3-xlarge w3-circle w3-brown">&nbsp&nbsp&nbsp</button>
  </p>
  </div>
  <div class="w3-display-bottommiddle w3-margin-bottom">
  <a href="#" class="w3-button w3-teal w3-round-xxlarge">Skip</a>
  </div>
</div>

</body>
</html>

如果用户选择青色作为颜色，则网站必须为网站创建一个cookie，以便不再询问并显示青色版网站。

这是我的想法，但我不知道该怎么做，我是新手。我很感激社区将为我提供的所有帮助。

Answer 1

您是否计划将网站连接到数据库？如果是这样，您可以为数据库中的每个用户的用户表添加一个主题字段，首先为其添加默认颜色，然后让用户随时修改它。只是一个想法，我认为它比使用饼干更好！因为它们仅在一个设备上运行，而如果你将它添加到数据库，用户可以从任何设备获取他的主题。

首先从此处http://apachefriends.org/index.html
然后创建一个数据库，其中包含一个用户名称
然后将以下字段添加到表中：User_ID，themecolor1，themcolor2，themecolor3
然后您需要将连接代码添加到数据库，您可以从w3schools获取它：http://w3schools.com/php/php_mysql_connect.asp

如果没有cookie，请打开/index.html以外的其他内容

1 个答案: