样式表

在这里,我们介绍样式表与CMS Made Simple的默认模板如何一起使用。 要了解如何改变样式表的某些属性,请继续阅读。
就像在我是网站设计师中写到的那样,你的网站的所有格式和样式都在样式表中,它是用标记语言CSS写的。因此,首先学习CSS的基础知识以知道你正在做什么。 不过,我们会给你一些基本的知识,例如:如何修改颜色,logo等。
样式表被附加到模板(在“布局>模板”下的附加样式表图标),样式表中的样式被模板使用。如果你喜欢,你可以只附加一个样式表到模板,但是我们为缺省模板选择的方法是分为几个样式表,将有类似特征的样式定义放在同一个样式表中(不同特征的样式放在不同的样式表中),这样使得我们修改某一类型的样式比较方便。

CMS Made Simple模板使用的样式表

对于每个缺省的CMSMS模板都有5个样式表,所有的模板都如此。另外,每个模板有一个特定的样式表或一到两个依赖于使用什么菜单模板的样式表。
下面是被CMSMS缺省模板使用的样式表:
被附加到所有缺省模板的样式表
  • Layout -- 在这里放置总体布局的设置,对所有缺省CMSMS模板都是如此。但是对于你的每个具体项目,可能样式表需要被定制。
  • Typography -- 在这里放置字体、链接、图片、网页头部等等的设置。
  • Colours-- 所有的颜色设置都放置在这里。这里的属性只有颜色,背景和边框颜色,不要添加任何其它有可能影响你的整个站点布局的属性到这里。但是,菜单的颜色是在菜单样式表中定义。
  • Forms -- To more easily make forms to look the same across different browsers, the styling for forms is in its own stylesheet. You will not need to touch this very often.
  • Tools -- This is a stylesheet that needs to be attached to all templates for cross-browser behaviour. But you don't really need to touch it at all.
Navigation stylesheets
  • Nav-Horizontal / Nav-Vertical -- Depending on the layout of your template you need to attach one or both of these stylesheets. You only need to change a few things in these stylesheets, to style the menu to look the way you want.
  • Default CSSMenu Horizontal / Default CSSMenu Vertical -- If you rather use a drop-down CSS Menu, then either of these two stylesheets is used.
Template-specific stylesheets
  • Layout-XXX -- There is one stylesheet that is specific for each template. This is where you do the layout (and perhaps styling) that only applies to that particular template. For example, by changing only this stylesheet you can have the menu to appear to the top or the side, left or right.



This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Getting Started/Designer/Stylesheets/zh

From CMSMS

Arvixe - A CMSMS Partner