JS动画网站模板. 如何使用颜色切换器

本视频教程将向您展示如何使用颜色切换器 JS动画模板.

一些JS动画模板包含了颜色切换工具. 这个工具可以让你预览你的模板包中可用的配色方案，并允许你在你的主题中进行颜色更改:

Note! 此工具仅在模板的演示预览页面中可用.

配色改变

让我们改变一下网站的配色方案:

要做到这一点，请遵循以下步骤:

1. 使用以下命令连接到服务器 FTP or hosting cPanel.

2. Open index.html 文件(或任何文件) .html 您正在使用的文件)与任何php/文本 editor (推荐 software 是notepad++， Sublime).

3. 首先，您需要添加对配色方案样式表文件的引用. Locate section. 在那里添加下面一行:

   Where colorScheme-4.css 你的配色方案文件吗.

4. 保存文件并刷新站点以查看更改. 配色已更改成功:

   

现有配色方案修改

如果在可用的配色方案中没有您希望使用的颜色怎么办? 编辑现有配色方案:

1. 请使用。连接到服务器 FTP or hosting cPanel.

2. Open css 服务器根目录下的文件夹 directory.

3. Edit colorScheme-X.css 文件(其中X是配色方案的编号). 建议使用FireBug plugin (火狐 browser)视察 website 源代码和修改CSS文件. 你可以阅读更多关于 browser 我们教程中的开发人员工具. Click this link 打开它.

4. 使用搜索和替换工具(CTRL+F or CTRL+H (热键)搜索您希望更改的颜色，并将其替换为您的新颜色.

   

5. 替换所有颜色实例, save file, 把它上传到你的服务器上，检查你的网站，看看颜色的变化.

请随时查看下面的详细视频教程: