Categories

着陆页. 如何改变配色方案

丹尼尔·莫拉莱斯 2015年8月19日
Rating: 3.8/5. 来自4票.
请稍等...

本教程将向您展示如何更改颜色方案 登陆页面模板.

着陆页. 如何改变配色方案

Some 登陆页面模板 come with 自定义工具 included. 这个工具允许你 preview 模板包中可用的配色方案. 请注意,此工具仅在模板的演示预览页面中可用:

Landing_Page_How_to_change_color_scheme_1

打开实时演示预览页面,看看你的模板是否带有此工具:

Landing_Page_How_to_change_color_scheme_2

这些模板随附 5配色方案风格文件 (colorScheme-1.css colorScheme-5.css), 为了改变你的配色方案, 您将需要在您的 .html file.

To change 配色方案:

  1. Open /site/css/ 模板包的文件夹. 你会看到 5个配色方案风格文件 (colorScheme-1.css - colorScheme-5.css). 选择您想使用的任何配色方案文件. You can preview 模板演示预览页面上的配色方案:

    Landing_Page_How_to_change_color_scheme_4

  2. Open index.html 文件(或任何文件) .html 您正在使用的文件)与任何php/文本 editor (推荐 software is Adobe Dreamweaver, NotePad++).

  3. 控件中添加对配色方案样式表文件的引用 element. The element goes inside the section. E.g:

    Landing_Page_How_to_change_color_scheme_3

  4. Save the file. 刷新你的 website 要查看变化. 配色已更改成功:

    Landing_Page_How_to_change_color_scheme_5

编辑现有配色方案:

  1. 导航到 /site/css/ 模板包的文件夹.

  2. Edit colorScheme-X.css 文件( X 配色方案的数量)是否能满足你的需要 php/text editor. 建议使用 FireBug plugin (火狐 browser)视察 website 源代码和修改CSS文件:

    Landing_Page_How_to_change_color_scheme_6

  3. Save the file. Refresh your website 要查看变化.

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

着陆页. 如何改变配色方案

最佳登陆页设计
这个条目被张贴了出来 JS动画教程, 登陆页面教程 and tagged color, landing, scheme. 书签的 permalink.

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单

" class="hidden">可可英语对话