彩版布局因采用CSS所以可以用到比较多布局元素,下面就跟我一起来个性化修改整个程序模版吧。
因为系统有多套模版CSS可定义功能,如果你想打造个性化的模版,同时又不受系统太多的影响,比如修改系统配置的时候因为系统自动更新了CSS而使得自己定义的CSS覆盖了。
要解决这一个问题,我们就需要把自己定义的CSS放到另外的文件中,从而不受系统改变的影响。最好的方法是放在XHTML目录(也就是彩版配置文件目录)中的头部文件 head.php 中。让我们先来看一下原版的头部文件样式及CSS文件放置的位置:
自己修改布局要好好的结合系统已经有的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被分离而失效。
下面举例说明:
怎么样,只要学CSS,个性化修改也不复杂吧。商业用户都可以试着修改一下,看谁做出的模版更漂亮吧。