zwmobi 程序如何制作个性化彩版模版指南

彩版布局因采用CSS所以可以用到比较多布局元素，下面就跟我一起来个性化修改整个程序模版吧。
因为系统有多套模版CSS可定义功能，如果你想打造个性化的模版，同时又不受系统太多的影响，比如修改系统配置的时候因为系统自动更新了CSS而使得自己定义的CSS覆盖了。
要解决这一个问题，我们就需要把自己定义的CSS放到另外的文件中，从而不受系统改变的影响。最好的方法是放在XHTML目录（也就是彩版配置文件目录）中的头部文件 head.php 中。让我们先来看一下原版的头部文件样式及CSS文件放置的位置：

下载 (54.83 KB)

2 小时前

修改示例

下载 (74.67 KB)

2 小时前

自己修改布局要好好的结合系统已经有的CSS 及合理的创建新的CSS。
系统原有的CSS中：
.wrap  用来控制整个网站宽度及背景色
a:hover 链接色
a:visited 浏览后链接色
div.x   和  div.y  在列表页及内容页导航处用得比较多
div  和 div.y在首页自动配置CSS中用得比较多，这几个CSS 可以在后台进行简单编辑。

其它 的CSS可以不用 然后合理的去增加自己的CSS，不要与系统已经有的任何重名。

在首页模版或其它分页模版中如何调用自己写的CSS？
ZW系统比较灵活，可以直接支持到CSS的调用，不过大家一定要了解到系统的一个重要特点，那就是在模版中每一个ENTER 即表示换行，换行后就会受到系统自定CSS的影响。因此大家记得多复杂的CSS调用都不要在代码中间进行ENTER这样的换行操作，换行后会导致CSS被分离而失效。
下面举例说明：

下载 (54.53 KB)

2 小时前

怎么样，只要学CSS，个性化修改也不复杂吧。商业用户都可以试着修改一下，看谁做出的模版更漂亮吧。

本文由 113网络 3G企业建站整理收集，转载请注明出处。提供 昆山SEO谷歌、百度企业排名服务。

转载于:https://www.cnblogs.com/zwmobi/archive/2010/12/29/1921228.html